首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vuejs :当一个特定的选项卡处于活动状态时是否会发出一个事件( gets Vue)

Vuejs :当一个特定的选项卡处于活动状态时是否会发出一个事件( gets Vue)
EN

Stack Overflow用户
提问于 2020-06-01 04:55:43
回答 2查看 3K关注 0票数 2

当一个特定的b选项卡处于活动状态时,我想显示和隐藏一个div (我页面中的一个部分),并在它不活动时关闭它(使用2种方法-- forceOpenSettings和forceCloseSettings实现了打开和关闭)。当特定选项卡处于活动状态时是否会发出事件。这样我就可以把它和这些方法联系起来。当我检查引导-vue文档时,找不到任何文件。我发现的最接近的东西是- https://bootstrap-vue.org/docs/components/tabs#programmatically-activating-and-deactivating-tabs

尝试使用本节中解释的“激活”和“禁用”,但它不起作用

代码语言:javascript
复制
<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。试着用它,效果很好。我想要的是一个事件发射器,类似于选项卡是活动的,而不是活动的。

代码语言:javascript
复制
<b-collapse role="tabpanel" @show="forceOpenSettings" @hide="forceCloseSettings"></b-collpase>

注意-显示和隐藏的部分是页面中的另一个部分,而不是b选项卡或b折叠的子部分。我只想根据这个选项卡打开和关闭这个div,然后崩溃。折叠工作正常,但选项卡不工作。

如果没有事件发射器,也许我应该编写一个方法来实现这一点。但如果Vuejs有一些事件发射器来实现这一点,那就太好了。

EN

回答 2

Stack Overflow用户

发布于 2020-06-01 15:07:29

试着做这样的事情:

代码语言:javascript
复制
<b-tabs @input="onTabChange" ...
...
methods: {
  onTabChange () {
    // tab is changed!
  }
}
票数 1
EN

Stack Overflow用户

发布于 2021-02-26 07:09:13

文档中提到的所有事件都需要知道选项卡的索引,以确定它是否已激活。B-选项卡还会发出一个单击事件.像这样工作很好

代码语言:javascript
复制
<b-tab :title="title" @click="yourMethodHere()">
{{ content }}
</b-tab>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62125922

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档