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