title: Vue How to add phone number call link
body: <p>In my <code>vuejs</code>-application, I have a table with some users which also includes a phone number. Now I want to make the phone number clickable, but for some reason it does not work.</p>
  <p>This is what I got:</p>
  <pre><code>&lt;router-link class=&quot;table-row&quot; tag=&quot;div&quot; v-for=&quot;entry in paginate(filteredData)&quot; :key=&quot;entry.id&quot; :to=&quot;routePath + entry.id&quot;&gt;
     &lt;div class=&quot;table-data&quot; v-for=&quot;column in columns&quot; v-bind:key=&quot;column.id&quot; :class=&quot;column.key&quot;&gt;
        &lt;div v-if=&quot;column.key == 'phone'&quot; :class=&quot;column.key&quot;&gt;
           &lt;span&gt;
               &lt;a href=&quot;tel:'`${entry[column.key]}`&quot;&gt;{{entry[column.key]}}&lt;/a&gt;
           &lt;/span&gt;
        &lt;/div&gt;
        &lt;div v-else&gt; 
          &lt;span&gt;{{entry[column.key]}}&lt;/span&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/router-link&gt;
  </code></pre>
  
  <p>the result is <code>&lt;a href=&quot;/users/18/details&quot;&gt;12448877&lt;/a&gt;</code> - which is the same route as the <code>&lt;router-link&gt;</code> - how can I achieve that the phone number gets displayed without using any plugin/package?</p>