vue基础(v-model与复选框)
一、复选框单独使用
复选框也分单独使用和组合使用,不过,与单选按钮不同,复选框单独使用时,也是用v-model来绑定一个布尔值,例如:
<div id="app13">
<input type="checkbox" v-model="checked" id="ch" />
<label for="ch">复选框的状态{
{checked}}</label>
</div>
<script type="text/javascript">
var app12 = new Vue({
el:'#app13',
data:{
checked:true //这里的v-model对应布尔值
//checked:'' 这里的v-model对应字符串
}
})
</script>
二、复选框组合使用
复选框组合使用时,也是v-model与value一起,多个勾选都绑定到同一数组类型的数据,value的值在数组当中,就会选中这一项。这一过程是双向的,在勾选时,value的值也会自动push到这个数组中,示例代码如下:
<div