Vue.js - クリックイベントにクラスを追加

プロパティ/データを使用せずに、Vue.js内のdivのclickイベントでクラスを動的に切り替えることができます。ここでVue.js - クリックイベントにクラスを追加

は私のdivが（このためのロジックが他の場所で処理されます）このdivをクリックすると、私はクラスquiz-item--correctまたはquiz-item--incorrectを追加したいと思い

<div class="quiz-item" @click="checkAnswer(1)">

です。私はプロパティを使用することはできませんが、それは保守的/実行可能なアプローチであるというクイズの回答が多すぎるためです。

この機能をどのように達成することができますか？

あなたはこのような何かを行うことができます。

<div class="quiz-item" @click="$event.target.classList.toggle('classname')">

あなたはフィドル、これを実証し確認することができます。Here

2017-03-28 10:47:40 abhishekkannojia

パーフェクトを、ありがとうございました！ – AdamMcquiff

私はclassListがすべてのブラウザ、特にIEでサポートされているとは思わない – victor

@victorええ、IE <10は 'classList'メソッドをサポートしていません。しかし、関数の呼び出しやクラスの操作など、これらのブラウザをサポートしたい場合は、回避策を使用できます。 – abhishekkannojia

答えて