- 表单checkbox,绑定的v-model是一个布尔值,要么为true,要么为false;
- 因为它是勾选,或者不勾选的形式;
- 为true了就是勾选,为false了就是不勾选;
代码:
<body>
<div id="box">
<input type="checkbox" v-model="isRemember">记住用户名
</div>
<script>
new Vue({
el:"#box",
data:{
isRemember:false
}
})
</script>
</body>
结果:
对于checkbox多选值的绑定:
对于多选值的绑定,不能像上面那样,直接v-model是true或者false了,如果是这样的话,那就是三个都勾选,或者三个都不勾选,就实现不了自由多选的目的了;
如果说给每一个checkbox都加上不一样的v-model值,那数据多了呢,多冗余ÿ