イベントハンドラ

参考

イベントハンドリング | Vue.js [公式]

v-on | Vue.js [公式]

イベント修飾子

  • .stopイベントを伝搬しない
  • .preventページを遷移させない
  • .captureキャプチャーフェイズでイベントを処理する
  • .self自身のイベントのみ処理する (子要素のイベントを無視する)
  • .once1回だけ処理する
  • .passiveパッシブリスナーとして処理する

参考

イベント修飾子 | Vue.js [公式]

onsubmit をコンポーネントで処理する

v-on:submit でメソッドを指定する。.prevent を指定してデフォルトの処理を行わない。

<form @submit.prevent="onSubmit">
  <input type="submit>
</form>

メソッドを実装する。

methods: {
  onSubmit: function () {
    // ...
  }
}

参考

Vuejs form をサブミットするときのポイント – Qiita

Preventing onSubmit – Vue Forum

カスタムイベント

参考

カスタムイベント | Vue.js [公式]

イベント名 | Vue.js [公式]

$on

参考

vm.$on( event, callback ) | Vue.js [公式]

$emit

参考

vm.$emit( eventName, […args] ) | Vue.js [公式]

v-on:scroll の使い方

参考

Vue.js で10万件のリストを表示する – Qiita

.native

参考

コンポーネントにネイティブイベントをバインディング | Vue.js [公式]

.sync

参考

.sync 修飾子  | Vue.js [公式]

$listeners

参考

コンポーネントにネイティブイベントをバインディング | Vue.js [公式]

vm.$listeners | Vue.js [公式]

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です