在引导程序vue的b按钮组组件中添加图标

Question

我检查了这里的文档，但似乎没有关于如何在b-button-group按钮中添加图标的详细信息，我可以添加文本。有人知道怎么做的简单方法吗？

以下是我的代码：

<b-button-group>
<b-dropdown
size="sm"
right
variant="primary"
split
text="Features"
v-on:click="$router.push({...})"
>
<b-dropdown-item>Item 1</b-dropdown-item>
<b-dropdown-item>Item 2</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item>Item 3</b-dropdown-item>
</b-dropdown>
</b-button-group>

我想在文本中添加这个<b-icon :icon="'arrows-expand'"></b-icon>Features，但似乎没有办法，因为text当然只接受原始文本。

Answer 1

我实际上在文档中找到了另一个页面的答案，在那里我可以使用下面的插槽：

<template v-slot:button-content>
Custom <strong>Content</strong> with <em>HTML</em> via Slot
</template>

https://bootstrap-vue.js.org/docs/components/dropdown