v-on ディレクティブ | イベント | 使用例 |
|---|---|---|
v-on:click | click | <button v-on:click="handleClick">クリック</button> |
v-on:dblclick | dblclick | <button v-on:dblclick="handleDoubleClick">ダブルクリック</button> |
v-on:mouseenter | mouseenter | <div v-on:mouseenter="handleMouseEnter">マウスが要素に入ったとき</div> |
v-on:mouseleave | mouseleave | <div v-on:mouseleave="handleMouseLeave">マウスが要素から出たとき</div> |
v-on:keyup | keyup | <input v-on:keyup="handleKeyUp">キーが上がったとき</input> |
v-on:keydown | keydown | <input v-on:keydown="handleKeyDown">キーが押されたとき</input> |
v-on:submit | submit | <form v-on:submit="handleSubmit">フォームが送信されたとき</form> |
v-on:focus | focus | <input v-on:focus="handleFocus">フォーカスが当たったとき</input> |
v-on:blur | blur | <input v-on:blur="handleBlur">フォーカスが外れたとき</input> |
v-onディレクティブを使用して、対応するイベントがトリガーされたときにVue.jsアプリケーション内で特定のメソッドを実行する方法を示しています。
コメント