checkbox在vue中的使用

效果图：

checkbox在vue中的使用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

</head>
<body>
<div >{{item.name}}

<!--方式二 选中1 不选中0-->

</label>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

　　　　isQRCodeTrack：null,

　　　　tempData:[{'id':'1','name':'张三'},{'id':'2','name':'李四'},{'id':'3','name':'王五'}],//复选框数据源

　　　　checkboxIdStrs:'1,3',//假设这是你从数据库里取出的数据

　　　 checkboxIdStr:[],//注意这个一定要是数组的形式，这样v-model绑定ckeckbox才会自动选中

　created: function () {
　　if (this.checkboxIdStrs.length>0) {

　　　　const arr=this.checkboxIdStrs.split(',');

    　　for (let i in arr) {
　　　　　
        　　this.checkboxIdStr.push(arr[i]);
    　　}
　　}

}

})
</script>
</body>
</html>