<div>
<b-tabs>
<!-- Add your b-tab components here -->
<b-tab active>
<template v-slot:title>
<b-spinner type="grow" small></b-spinner> I'm <i>custom</i> <strong>title</strong>
</template>
<p class="p-3">Tab contents 1</p>
</b-tab>
<b-tab>
<template v-slot:title class="d-flex justify-content-end">
Tab 2
</template>
<p class="p-3">Tab contents 2</p>
</b-tab>
<template v-slot:tabs-end>
<b-dropdown id="dddd-1" text="Canned messages" class="ml-auto" variant="transparent">
<b-dropdown-item>First Action</b-dropdown-item>
<b-dropdown-item>Second Action</b-dropdown-item>
<b-dropdown-item>Third Action</b-dropdown-item>
</b-dropdown>
</template>
</b-tabs>
</div>
Я хочу показать раскрывающийся список на vue вкладках, этот код работает в режиме редактирования vue - bootstrap, но он не работает в моем проекте, только первые две вкладки отображаются в пользовательском интерфейсе выпадающий список не подходит. может ли кто-нибудь помочь в этом