在bootstrap-vue中的b-button-group组件中添加图标？

Question

我检查了文档here，但似乎没有关于如何在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