1. 程式人生 > >v-model、

v-model、

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:[
'小曹'] }, });