Create A Link Inside Vue Bootstrap B-table Cell

I have a b-table compo On my items, I return a url from the back-end, so I want t

Solution 1:

You should bind it using v-bind:href="..." or shortly :href="..." with b-link component :

<templateslot="my-link"slot-scope="data"><b-link:href="data.item.link">link</b-link></template>

Solution 2:

If you want your data to be interpreted as a javascript object you need to specify it by using v-bind: or :. Other way its only a string.

So in your case you should do something like.

<a :href="data.item.link">link</a>