v-model、
阿新 • • 發佈:2019-01-04
v-model
在表單控制元件中使用 <input> <select> <textarea> 當在表單元素中,綁定了v-model,那麼只要使用者改變檢視中的內容,那麼就等同於直接改變資料。當然改變資料,一樣會改變檢視。 在使用v-model的時候,如果放個陣列,那麼會自動查詢表單元素中的value 沒有則出現null,如果要統計多個表單元素的資訊,可以把同一個資料繫結到 v-model上小曹:<input type="checkbox" value="小曹" v-model="arr"/> <hr> 老美:<input type="checkbox" value="老美" v-model="arr"/> <hr> 小燕子:<input type="checkbox" value="小燕子" v-model="arr"/> <hr> {{arr}}//這裡會顯示陣列中的所有資料,所以把同一個 資料 繫結到 v-model 上 new Vue({ el:'#app', data:{ b:false, arr:['小曹'] }, });