• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

Vue.js/ディレクティブ

v-model

Top / v-model

双方向バインディング

コントロール

• テキスト
• テキストエリア
• チェックボックス
• ラジオ
• selectタグ

修飾子

• v-model.lazy? - inputの代わりにchengeイベントに反応するようにする
• v-model.number?
• v-model.trim?

IME

• IME (中国語、日本語、韓国語、その他) が必須な言語に対しては、v-model は IME コンポジションの間は更新されないことに注意してください。
• これらの更新に対して対応したい場合は、inputイベントを代わりに使用します。

メモ

• <input v-model="something">

• は、以下の糖衣構文です:

  <input
   v-bind:value="something"
   v-on:input="something = $event.target.value">

関連

• v-bind