复选框

在一组备选项中进行多选

基础用法

<cb-form-group label="演示：">
  <cb-checkbox v-model="test1">选项1</cb-checkbox>
  <cb-checkbox v-model="test6">选项2</cb-checkbox>
</cb-form-group>

禁用状态

<cb-form-group label="演示：">
  <cb-checkbox v-model="test2" disabled>选项1</cb-checkbox>
  <cb-checkbox v-model="test3" disabled>选项2</cb-checkbox>
</cb-form-group>

复选框组

<cb-form-group label="垂直：">
  <cb-checkbox-group v-model="test4">
    <cb-checkbox value="1">选项1</cb-checkbox>
    <cb-checkbox value="2">选项2</cb-checkbox>
    <cb-checkbox value="3">选项3</cb-checkbox>
  </cb-checkbox-group>
</cb-form-group>
<cb-form-group label="水平：">
  <cb-checkbox-group v-model="test5" inline>
    <cb-checkbox value="1">选项1</cb-checkbox>
    <cb-checkbox value="2">选项2</cb-checkbox>
    <cb-checkbox value="3">选项3</cb-checkbox>
  </cb-checkbox-group>
</cb-form-group>

cb-checkbox 属性

参数 说明 类型 可选值 默认值
v-model 绑定值，获取和设置内容。 string / number / boolean — —
value 复选框的 value string / number / boolean — —
disabled 是否禁用 boolean — false
name 原生 name 属性 string — —

cb-checkbox 事件

名称 说明
change 绑定值变化时触发的事件

cb-checkbox-group 属性

参数 说明 类型 可选值 默认值
v-model 绑定值，获取和设置内容。 string / number / boolean — —
inline 是否水平排列 boolean — false
disabled 是否禁用 boolean — false
name 原生 name 属性 string — —