基礎用法

你可以用 v-model 指令在表單 <input>、<textarea> 及 <select> 元素上創建雙向數據綁定。它會根據控件類型自動選取正確的方法來更新元素。盡管有些神奇，但 v-model 本質上不過是語法糖。它負責監聽用戶的輸入事件以更新數據，并對一些極端場景進行一些特殊處理。

`v-model` 會忽略所有表單元素的 `value`、`checked`、`selected` attribute 的初始值，總是將 Vue 實例的數據作為數據來源。你應該通過 JavaScript 在組件的 `data` 選項中聲明初始值。

v-model 在內部為不同的輸入元素使用不同的 property 并拋出不同的事件：

• text 和 textarea 元素使用 value property 和 input 事件；
• checkbox 和 radio 使用 checked property 和 change 事件；
• select 字段將 value 作為 prop 并將 change 作為事件。

文本

<input

總結

以上是生活随笔為你收集整理的9.Vue 表单输入绑定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。