VUEテキストの色をクリックします

図のスタイル：

 

 

HTML：

<DIV：キー= " インデックス" V- ため = " スタンディングの（項目、インデックス）"  クラス = " カテゴリ" > 
      < ラベル
         クラス = " プランニング" 
        V -bind：クラス = " {updata_clable：ISINDEX ===インデックス} " 
        @click = " 変化（インデックス）" 
        > {{item.name}} </ ラベル
       > 
    </ div>

JS：

<スクリプト> 
エクスポートデフォルト{ 
  データ（）{ 
    リターン{ 
      セッティング：[ 
        {名：" 李现" }、
        {名：" 邓伦" }、
        {名：" 王俊凯" }、
        {名：" 千玺" } 
      ] 、
      ISINDEX：0 
    }。
  }、
  メソッド：{ 
    変化：関数（指数）{ 
      この .IsIndex = 指数; 
    } 
  } 
}。
</ SCRIPT>

CSS：

.Planning { 
  フォント - サイズ：14px; 
  フォント - 家族：DengXian。
  フォント - 重さ：太字; 
  行 - 高さ：14px; 
  色：RGBA（112、112、112、1 ）。
  不透明度：1 ; 
  表示ブロック; 
  テキスト - 整列：センター; 
} 
.Category { 
  幅：100％。
  高さ：40ピクセル; 
  マージン - トップ：10pxの; 
} 
.updata_clable { 
  色：＃19874f。
}

V-バインド要素は、バインドと属性データに使用されています