Checkbox 多选框

基础用法

A

B

<vp-checkbox-group v-model="checkboxGroup">
  <vp-checkbox label="A"></vp-checkbox>
  <vp-checkbox label="B"></vp-checkbox>
</vp-checkbox-group>

<script>
  export default {
    data() {
      return {
        checkboxGroup: ["A", "B"],
      };
    }
  };
</script>

禁用状态

lol

<vp-checkbox v-model="checkbox" disabled>lol</vp-checkbox>

<script>
  export default {
    data() {
      return {
        checkbox: false
      };
    }
  };
</script>

Checkbox-Group Attributes

属性名	类型	属性值	描述	默认值
v-model	Array		多选框内容双向绑定	[]

Checbox Attributes

属性名	类型	属性值	描述	默认值
v-model	Boolean	true | false	多选框内容双向绑定	false
label	String		多选框标签内容	""
disabled	Boolean	true | false	是否禁用	false