vueで要素にクラス名を動的に追加

構造:

   

      {{item.title}}
   
 

データ:初期値を0に設定すると、最初の要素にデフォルトでクラス名が付けられます.

isActive: 0,
menumap: [
        {
          url: '/chinamobile/projectmanage',
          title: '    '
        },
        {
          url: '/chinamobile/qualitymanage',
          title: '    '
        },
        {
          // url: '/chinamobile/MochaITOM',
          url: '/chinamobile/projectmanage',
          title: '    '
        },
        {
          // url: '/chinamobile/ishare',
          url: '/chinamobile/projectmanage',
          title: '    '
        }
      ]

切り替え方法

switchmenu (index) {
      this.isActive = index
    }

クラス名activeを動的に追加するには、をクリックします.