[Vuejs]-Having links to each entry seperated from each other by a comma

by

0👍

I suppose you are using Bootstrap table. In that case, bootstrap table provides a cell slot. Since, you want each entry to have hyperlink, you’ll need to use this slot to inject the value inside the sell.

Move your template inside <b-table> and update its slot binding. 

<b-table {...props}>
  <template v-slot:cell(key)="{value}">
     <a href="#" @click.prevent="onClickId(value)">
    {{ value }}
    </a>
   </template>
</b-table>

Keep in mind key should be the field’s name.

Leave a comment