- 1.v-model对应的是数组时,返回的是checkbox的value值,
- 2.其他所有情况(包括字符串...)均返回checkbox的boolean值
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title></title>
<script src='../node_modules/vue/dist/vue.min.js'></script>
</head>
<body>
<div id='app'>
<input type="checkbox" v-model="bool1"/>
<input type="checkbox" v-model="bool2"/>
<input type="checkbox" v-model="msg1"/>
<input type="checkbox" v-model="msg2"/>
</div>
<script>
new Vue({
el: '#app',
data: {
bool1:true,
bool2:false,
msg1:[1,2,3,4],
msg2:"1234"
}
})
</script>
</body>
</html>
- 运行结果如下
![](https://img2020.cnblogs.com/blog/1341065/202106/1341065-20210628172435286-917344734.png)