Vue 如何添加電話號碼通話鏈接

Question

在我的vuejs ，我有一個包含一些用戶的表，其中還包含一個電話號碼。 現在我想讓電話號碼可點擊，但由於某種原因它不起作用。

這是我得到的：

<router-link class="table-row" tag="div" v-for="entry in paginate(filteredData)" :key="entry.id" :to="routePath + entry.id">
   <div class="table-data" v-for="column in columns" v-bind:key="column.id" :class="column.key">
      <div v-if="column.key == 'phone'" :class="column.key">
         <span>
             <a href="tel:'`${entry[column.key]}`">{{entry[column.key]}}</a>
         </span>
      </div>
      <div v-else> 
        <span>{{entry[column.key]}}</span>
      </div>
   </div>
</router-link>

結果是<a href="/users/18/details">12448877</a> - 與<router-link>路線相同 - 如何在不使用任何插件的情況下顯示電話號碼/包裹？

Answer 1

我認為這條線應該是

<a href="tel:'`${entry[column.key]}`">{{entry[column.key]}}</a>

喜歡

<a :href="`tel:${entry[column.key]}`">{{entry[column.key]}}</a>