以下蛇足。
Vueでイベントハンドリングする際、
<input type="text" @change="onChangeInput">
html側でこのようにイベントハンドルする関数を書けば、
Vueインスタンス側で、
methods: {
onChangeInput(event) {
this.message = event.target.value
}
}
このように関数を記述してイベントの変更を検知できます。
しかしonChangeInput
に他の引数を渡したい場合(リストの要素のidとか)、
html側で明示的に引数を記述することもできます。
イベント引数は$event
で指定できます。
<input type="text" @change="onChangeInput(item.id, $event)">
Codepenで例を作りました。
See the Pen vue multiple arguments on event hander by stoba (@rhistoba) on CodePen.
以上です。