TracyノートVue-フォームコントロールの双方向バインド
805 ワード
v-model双方向バインドフォーム要素inputとデータの双方向バインドを実現するために使用される 原理v-moduleは実際には文法糖であり、その背後には本質的に2つの操作が含まれている:v-on:inputとv-bind:value に相当する.同意プロトコル:同意プロトコル次のdata:{isAgree:false}, 値バインドは、実際には双方向バインド時にデフォルト値を設定します.例えば、デフォルトでは「男」 が選択されています.修飾子 .Lazy:v-modelは、inputイベントがトリガーされるたびに入力ボックスの値をデータと同期し、この修飾子を付けると、車に戻ったり焦点を失ったりしたときにデータが 更新する. .numberは、デフォルトでは入力ボックスに入力内容にかかわらず文字列として処理されるため、ユーザの入力値を自動的に数値タイプに変換する. .trim:ユーザ入力の先頭と末尾の空白文字 をフィルタする
data:{
message:'a'
},
methods: {
dataChange(event) { this.message = event.target.value; }
}