在Vue中使用checkbox配合v-model时，作者发现当v-model绑定为字符串时，选中状态会转化为布尔值；而绑定为数组时，选中的checkbox值会被添加到数组中，实现双向绑定。文章探讨了checkbox的value属性与v-model的关系，并分享了作者的理解：1.v-model对应字符串时，解析为布尔值；2.对应数组时，选中状态相当于赋值到v-model，数组中值对应checkbox的value。
在使用input复选框配合v-model时，遇到了一些疑惑，即当复选框对应的v-model是一个数组和一个字符串时，得到的类型不一样，下面是从网上找的，这里记录下：
下面是最常见的例子：
{ {msg}}
js里data初始化数据
new Vue({
el: "#myApp",
data() {
return {
msg:'hello'
}
},
浏览器渲染：
上面可知，v-model对应的数据为input的value属性
但是如果是checkbox，会有一点问题
{ {msg}}
没有给checkbox设置value属性
js中data为''：
new Vue({
el: "#myApp",
data() {
return {
msg:''
}
},
最低0.47元/天 解锁文章
960
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
