在 vue 引导 b-table 单元格内创建一个链接

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>