空飛ぶとんジニア

小さな企業のWeb担当者が日々起こったことを共有したり、思ったこと、勉強したことを書いていくブログ

VueJSメモ(v-on、イベント修飾子)

今日はイベントの発火の話

Vueはv-on:event_nameで指定した要素で発火したイベントをキャッチすることができる。
(event_nameに入るのはこのあたりのイベントイベントリファレンス - Web 技術のリファレンス | MDN)

例えばクリックした時にalertを出すサンプル

通常のイベントの動作を修飾する機能もある。
特定のキーのみ発火させたい場合、eventを子要素に引き継ぎたくない場合など

例えばエンターキーをkeydownした時だけ関数を実行してほしい

イベントハンドリング — Vue.js