bootstrap vue. How to manage tabs when clicking external links?

Question

Bootstrap

Bootstrap-vue has a ready-made component with tabs .
Question: how to open/close tabs by clicking on links OUTSIDE b-tabs ?
What directive to write for

<b-link>Открыть таб у которого title="Second"</b-link>

so that the second tab opens (and the rest close accordingly)

Answer 1

b-tabs have v-model . Hang it on your tabs and by clicking on an external link, simply change it to the desired value.

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

But this only works with the tab index, if you need to activate it by title, you will have to fence some kind of garden. I wouldn't suffer so much.