0

我使用 Bootstra 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
}

这是我的小提琴

https://jsfiddle.net/dede402/x62p6xwm/

4

1 回答 1

1

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
}

这是一个工作示例的小提琴

于 2018-06-04T05:57:08.067 回答