Vueはselectでoptionにクリックイベントを追加したときに正常に操作できない問題を解決する

704 ワード

コードを言わないで敬上する
説明問題:現在の状況では、私が取得したデータはv-forでoptionにレンダリングされています.optionをクリックしてindexを渡し、値を取得して後続の操作を行います.


最初はクリック時に現在のindexを取得して、次のデータの取得やレンダリングなどの操作を便利にしたいと思っていましたが、methodsにchooseCore(index)メソッドを書いた後、簡単なconsoleさえ発見しました.log(1)問題が発生しない
解決策


このときselectに@change="chooseCore($event)"メソッドをmethodsにバインド
chooseCore(event){
	console.log(event.target.value)
}

取得したいindex値の問題解決