@kiberlain

Bootstrap-vue. Как управлять табами кликая по внешним ссылкам?

В bootstrap-vue есть готовый компонент с табами.
Вопрос: как открывать-закрывать табы нажимая на ссылки ВНЕ b-tabs ?
Какую директиву прописать для
<b-link>Открыть таб у которого title="Second"</b-link>

чтобы открылся второй таб (а остальные соответсвенно закрылись)
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
@cheeroque
У b-tabs есть v-model. Повесьте его на ваши табы и по клику на внешнюю ссылку просто меняйте на нужное значение.

<b-tabs v-model="tabIndex"> ... </b-tabs>
<b-link @click="tabIndex = 1">Change tab</b-link>


Но это работает только с индексом табов, если нужно активировать именно по title, придётся городить какой-то огород. Я бы не стал так мучиться.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы