Skip to content

Checkbox 多选框

基础用法

单独使用qy-checkbox时,label属性为多选框按钮的描述。v-model可以绑定布尔值,选中true

查看源码

多选框组

使用qy-checkbox-groupqy-checkbox即可实现多选框组功能。只需给qy-checkbox-group组件绑定数组类型的v-model,再为qy-checkbox绑定label属性即可,如果标签qy-checkbox组件之间没有内容,则label为其描述。

查看源码

Checkbox API

Checkbox Attributes

属性名说明类型默认值
v-model选中项绑定值string/number/boolean''
label选中状态的值string/number/boolean''
disabled是否禁用boolean-
validate-event是否触发表单验证booleantrue

Checkbox Events

事件名说明类型
change绑定值更改触发事件function
!

Checkbox Slots

插槽名说明
default自定义默认内容

CheckboxGroup API

CheckboxGroup Attributes

属性名说明类型默认值
v-model绑定值array[]
disabled是否禁用booleanfalse
validate-event是否触发表单验证booleantrue

CheckboxGroup Events

事件名说明类型
change绑定值更改时触发事件function
!

CheckboxGroup Slots

插槽名说明子标签
default自定义默认内容checkbox