复选框组

效果

---

---

注：假若使用复选框组jul-checkbox-group 嵌套复选框jul-checkbox的形式，则双向绑定响应的值是一个数组

代码预览

<template>
    <div>
        <jul-checkbox-group v-model="hobby">
            <jul-checkbox label="篮球"></jul-checkbox>
            <jul-checkbox label="唱"></jul-checkbox>
            <jul-checkbox label="跳"></jul-checkbox>
        </jul-checkbox-group>
    </div>
</template>

<script>
export default {
    data() {
        return {
            hobby: ['篮球', '唱', '跳']
        }
    }
}
</script>

<style>
</style>