Vue Jsでメニューループのアクティビティクラスを動的に追加するにはどうすればよいですか?

Question

メニューを動的に表示するループにアクティブなクラスを追加するにはどうすればよいですか?開いたメニューにアクティビティ クラスを設定できません。

<a v-bind:href="module.route" class="nav-link">
     //module.route はデータベース列です
      <i :class="モジュール.アイコン" ></i>
        //module.icon はデータベースの列です
       <p>
         {{ モジュール.名 }}
            //module.name はデータベースの列です
       </p>
  </a>

データベースからメニューリストを表示します。ここで、開いているメニューをアクティブにしたいだけです。

Answer 1

＃＃＃これは私がしました。

リーリー

必要なタブをすべて

tabs という配列に追加しました。 リーリー

これにより、配列

tabs 内の tab ごとに <li> 要素が作成されます。

変数

active_tab が tab## と等しい場合、すべての要素は nav-link クラスを持ち、v-bind を使用します。 # は、要素のクラス リストに active を追加します。ユーザーがいずれかのタブをクリックするたびに、@click を使用して、active_tab をユーザーがクリックした tab に変更します。 スタイル＃＃＃ リーリー