我使用 Bootstrap 3 nav-tabs 组件作为我的主要导航栏,但我不知道如何基于类绑定设置活动菜单。
在下拉导航的任何按钮内部显示/隐藏下一个菜单栏,但活动类不运行。
你能帮我吗?
预期:菜单可以显示选项卡处于活动状态,当单击按钮下拉活动选项卡处于活动状态时单击按钮
这是我一直在尝试的:
<li :class="{ active : active_el == 1 }" data-wow-delay="0.14s">
<a @click="activateProfile" data-toggle="tab" aria-expanded="false">profile</a>
</li>
...
activateProfile() {
this.initTabsState()
this.isProfile = true
this.isTabMore = false
}
这是我的小提琴。
问题在于您的
activateProfile()
功能中,您必须为配置文件设置 active_el = 1
,反之亦然。一切正常。您需要修改您的 activate...()
函数,如下所示:
activateProfile() {
// you need to instantiate the `active_el` as well for it to work.
this.active_el = 1
this.initTabsState()
this.isProfile = true
this.isTabMore = false
}
这是工作示例的fiddle。