当一个特定的b选项卡处于活动状态时,我想显示和隐藏一个div (我页面中的一个部分),并在它不活动时关闭它(使用2种方法-- forceOpenSettings和forceCloseSettings实现了打开和关闭)。当特定选项卡处于活动状态时是否会发出事件。这样我就可以把它和这些方法联系起来。当我检查引导-vue文档时,找不到任何文件。我发现的最接近的东西是- https://bootstrap-vue.org/docs/components/tabs#programmatically-activating-and-deactivating-tabs
尝试使用本节中解释的“激活”和“禁用”,但它不起作用
<b-tab title="User Table" @activate="forceOpenSettings" @deactivate="forceCloseSettings"></b-tab>情况下,当它工作良好时,
同样的事情在这里也很正常。我想打开和关闭相同的div,但这次是基于b-折叠。在b-折叠的引导-vue文档中,我可以找到@hide和@show事件发射器- https://bootstrap-vue.org/docs/components/collapse#comp-ref-b-collapse-events。试着用它,效果很好。我想要的是一个事件发射器,类似于选项卡是活动的,而不是活动的。
<b-collapse role="tabpanel" @show="forceOpenSettings" @hide="forceCloseSettings"></b-collpase>注意-显示和隐藏的部分是页面中的另一个部分,而不是b选项卡或b折叠的子部分。我只想根据这个选项卡打开和关闭这个div,然后崩溃。折叠工作正常,但选项卡不工作。
如果没有事件发射器,也许我应该编写一个方法来实现这一点。但如果Vuejs有一些事件发射器来实现这一点,那就太好了。
发布于 2020-06-01 15:07:29
试着做这样的事情:
<b-tabs @input="onTabChange" ...
...
methods: {
onTabChange () {
// tab is changed!
}
}发布于 2021-02-26 07:09:13
文档中提到的所有事件都需要知道选项卡的索引,以确定它是否已激活。B-选项卡还会发出一个单击事件.像这样工作很好
<b-tab :title="title" @click="yourMethodHere()">
{{ content }}
</b-tab>https://stackoverflow.com/questions/62125922
复制相似问题