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 :

 <template slot="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>