Alice-UI

Checkbox 多选

代码展示

一个使用

<alice-checkbox v-model="value1">选中状态 {{ value1 }}</alice-checkbox>

多个使用

要使用alice-checkbox-group作为父级组件，并把数据绑定在alice-checkbox-group上面

<alice-checkbox-group v-model="options1">
  <alice-checkbox label="value1">value1</alice-checkbox>
  <alice-checkbox label="value2">value2</alice-checkbox>
  <alice-checkbox label="value3">value3</alice-checkbox>
  <alice-checkbox label="value4">value4</alice-checkbox>
</alice-checkbox-group>

禁用某个元素

<alice-checkbox-group v-model="options2">
  <alice-checkbox label="value1">value1</alice-checkbox>
  <alice-checkbox label="value2" disabled>value2</alice-checkbox>
  <alice-checkbox label="value3">value3</alice-checkbox>
  <alice-checkbox label="value4">value4</alice-checkbox>
</alice-checkbox-group>

设置最大选择个数

<alice-checkbox-group v-model="options3" :max="2">
  <alice-checkbox label="value1">value1</alice-checkbox>
  <alice-checkbox label="value2">value2</alice-checkbox>
  <alice-checkbox label="value3">value3</alice-checkbox>
  <alice-checkbox label="value4">value4</alice-checkbox>
</alice-checkbox-group>

CheckboxGroup API

参数 说明 类型 默认值
value 所有选中项 Array -
max 设置最大可选数 Number -

CheckboxGroup Event

事件名 说明 参数
change 当绑定值变化时触发的事件 当前组件的值

Checkbox API

参数 说明 类型 默认值
value 所有选中项 Array -
max 设置最大可选数 Number -

Checkbox Event

事件名 说明 参数
change 当绑定值变化时触发的事件 当前组件的值

← Radio 单选 →