代码:
- <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值,那数据多了呢,多冗余ÿ