Создать ссылку внутри ячейки b-таблицы начальной загрузки

Question

У меня есть b-table compo

<b-table responsive 
         hover 
         :items="myItems" 
         :fields="myField">

На моих товарах я возвращаю URL-адрес из бэк-энда, поэтому я хочу сделать на своем шаблоне

<template slot="my-link" slot-scope="data">
    <a href="data.item.link">link</a>
 </template>

Выше не работает, он отображает

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

вместо

<a href="https://mylink.com">link</a>

Answer 1

Если вы хотите, чтобы ваши данные интерпретировались как объект javascript , вам нужно указать его с помощью v-bind.Другой способ - только строка.

Так что в вашем случае вы должны сделать что-то вроде.

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

Answer 2

Вы должны связать его, используя v-bind:href="..." или в скором времени :href="..." с b-link компонентом:

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