イメージサムネイルの説明を非表示にして表示する機能を作成しています(ユーザーがイメージサムネイルをクリックすると説明がアニメーション化されます)。私はVueJSのチュートリアルに移行についてはすでに従っていましたが、残念ながら1つのサムネイルしか動作せず、残りの部分は動作しません。私はすでにtry and errors
の間にスクリプトを削除しました。だから、(私は今のjqueryの構文を思い出すことができないので、擬似コード)の例としてはjQueryのスクリプトを見てみましょう:vue jsの複数の要素をクリックする
<div id="app">
<p> 1 </p>
<p> 2 </p>
</div>
jQuery("#app p").click(function(){
alert(p.text);
});
我々はそれだけでスクリプトが必要とalert(p.text)
は、それに基づいて異なる値を持つユーザーがクリックした<p>
と私たちはそれぞれのスクリプトを書く必要はありません<p>
VueJSでの操作方法は?一言で言えば、VueJSの1つのインスタンスを多くの要素に対してクリックイベントで適用する方法が混乱しています。
共有ライブデモまたは任意のフィドルのようにしたいですか?あなたの与えられたコードでは、関連するvuejsはありません – C2486
私はどんなフィドルも持っていません。私はjQueryスクリプトが私が何をしようとしているのかを説明することを願っています。一言で言えば、私は多くの要素に対してvue jsの1つのインスタンスを適用する方法が混乱しています。 – Kakashi