Twitter bootstrap 如何在bootstrapvue中将选项卡标题作为下拉列表

我是vue.js的新手，遇到了一个挑战。下面的代码用于选项卡组件。如何使标题在下拉列表中而不是水平对齐所有标题

<div>
  <b-tabs content-class="mt-3">
    <b-tab title="First" active><p>I'm the first tab</p></b-tab>
    <b-tab title="Second"><p>I'm the second tab</p></b-tab>
    <b-tab title="Disabled" disabled><p>I'm a disabled tab!</p></b-tab>
  </b-tabs>
</div>

我是第一个

我是第二个

我是残疾人

您可以使用

nav class

道具中的

d-none

类隐藏默认选项卡导航。 这将添加

显示：无

，隐藏导航

然后，您可以使用

构建自己的导航，在本例中是一个下拉列表。 为此，您需要将数据属性绑定到

v-model，然后可以对其进行操作以更改选项卡

newvue({
el:“#应用程序”，
数据（）{
返回{
当前选项卡：0，
选项卡：[{
标题：“第一”
},
{
标题：“第二”
},
{
标题:"残疾人士",，
残疾人士：对
}
]
}
}
})

{{title}}

我是第一个
我是第二个
我是残疾人！

Perfect，这正是我想要实现的，我只需将键绑定到索引就可以了。谢谢