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