日常笔记：vue的v-for添加layui的checkbox，并设置默认值

1.首先需要注意的是要给layui的checkbox绑定v-model需要v-model的值为数组。

<div id="vm">
    <div class="layui-form-item flex-item">
        <div class="layui-inline">
            <label class="layui-form-label layui-required">xx情况:</label>
            <div class="layui-input-block" id="a">
                <input type="checkbox" name="exattr1" lay-filter="a" lay-skin="primary" :value="item.value" v-for="item in array" :title="item.text" v-model="hobby.a"/>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label layui-required">xx情况:</label>
            <div class="layui-input-block" id="b">
                <input type="checkbox" name="b" lay-filter="b" lay-skin="primary" :value="item.value" v-for="item in array" :title="item.text" v-model="hobby.b"/>
            </div>
        </div>
    </div>
</div>
<script>
let vm = new Vue({
    el:"#vm",
    data(){
        return {
            array:[
                {value:"1",text:'看书'}
                ,{value:"2",text:'阅读'}
                ,{value:"3",text:'打球'}
            ],
            hobby:{
                a:["1","2"],
                b:["2"]
            }
        }
    }
})
</script>

2.jq动态设置checkbox的checked属性时最好用prop，不要用attr，否则有时候会有$("input:checked")取不到选中值得尴尬局面