【Vue.js】フォームの要素でv-modelを使い倒す方法と注意事項 - Qiita

【Vue.js】フォーム要素でv-modelを使い倒す方法と注意事項 inputタグやセレクトボックスでv-modelディレクティブを使う方法。便利な修飾子についても学ぶ。 ▼公式ページ https://jp.vuejs.org/v2/guide/forms.html 目次 v-modelとは？ v-modelの注意点 textareaとv-model チェックボックスとv-model 複数のチェックボックス ラジオボタンとv-model セレクトボックスとv-model 複数選択可能なセレクトボックス v-modelの修飾子 .lazy .trim .number 確認用ソースコード v-modelとは？ Vue.jsのディレクティブの１種。 dataオブジェクトのプロパティの値とinputタブの入力値や選択値のデータを連動することができる。 簡単に言うと、画面上でボックスに入力した内容