在Vue Bootstrap B表单元内创建链接

Question

我有一个b-table组合

<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

您应该使用v-bind:href="..."或不久后将:href="..."与b-link组件进行绑定：

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

Answer 2

如果希望将数据解释为 javascript 对象，则需要使用v-bind进行指定。否则它只是一个字符串。

因此，您应该做类似的事情。

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