Vuejs2 如何使用导航选项卡设置活动类
我使用Bootstra 3导航标签组件作为我的主导航栏,但我不知道如何基于类绑定设置活动菜单 在下拉导航按钮的任何一侧显示/隐藏下一个菜单栏,但活动类不运行 你能帮我吗 预期:菜单可以显示选项卡处于活动状态,当单击按钮下拉列表“活动选项卡处于活动状态”时,单击按钮 以下是我一直在尝试的:Vuejs2 如何使用导航选项卡设置活动类,vuejs2,element-ui,Vuejs2,Element Ui,我使用Bootstra 3导航标签组件作为我的主导航栏,但我不知道如何基于类绑定设置活动菜单 在下拉导航按钮的任何一侧显示/隐藏下一个菜单栏,但活动类不运行 你能帮我吗 预期:菜单可以显示选项卡处于活动状态,当单击按钮下拉列表“活动选项卡处于活动状态”时,单击按钮 以下是我一直在尝试的: <li :class="{ active : active_el == 1 }" data-wow-delay="0.14s"> <a @click="activateProfile" d
<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函数中的问题是,必须为profile设置active_el=1,反之亦然。一切正常。你需要修改你的激活。。。职能如下:
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
}
这是一个工作示例。没问题!!: