在 vue bootstrap b-table 单元中创建一个链接 [重复]答案

【问题标题】：Create a link inside vue bootstrap b-table cell [duplicate]在 vue bootstrap b-table 单元中创建一个链接 [重复]
【发布时间】：2020-01-23 14:45:47
【问题描述】：

我有一个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>

【问题讨论】：

标签： javascript twitter-bootstrap vue.js vuejs2 bootstrap-vue

【解决方案1】：

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

所以在你的情况下你应该做类似的事情。

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

【讨论】：

【解决方案2】：

您应该使用v-bind:href="..." 或简短的:href="..." 与b-link 组件绑定它：

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

【讨论】：