Vue.js 在引导vue表中使用图标

我在bootstrap vue中为我的表的数据使用了这个数组，我的问题是我想在我的表中使用图标，但当我使用类似这样的内容时，会在字符串中显示“”而浏览器不会呈现图标。这个问题的解决方案是什么

items:[
{isActive: true,isMember: '<font-awesome-icon icon="user-secret" />',registerCounter: 4},
{isActive: true,isMember: '<font-awesome-icon icon="user-secret" />',registerCounter: 4},
]

项目：[
{isActive:true，isMember:''，registerCounter:4}，
{isActive:true，isMember:''，registerCounter:4}，
]

这是我的桌牌：

<b-table :items="items"></b-table>

---

它不起作用的原因是数据被转义，这意味着数据中的HTML无效，并且永远不会呈现字体图标组件。您可以使用v-html，但这不是很安全，我不认为组件以v-html呈现（我从未尝试过）？最好的解决方案可能是使用作用域插槽

文件：

除此之外，您需要做的唯一一件事就是按如下方式获取数据：

字段：[
“isActive”，
“注册表计数器”，
//这一个需要一个自定义模板，所以我们定义了键和标签
{key:'isMember'，label:'isMember'}
],
项目：[
{isActive:true，isMember:'fa user secret'，registerCounter:4}，
{isActive:true，isMember:'fa user secret'，registerCounter:4}，
]

希望这有帮助