Checkbox 多选框
基础用法
单独使用
qy-checkbox时,label属性为多选框按钮的描述。v-model可以绑定布尔值,选中true。
多选框组
使用
qy-checkbox-group和qy-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 | 是否触发表单验证 | boolean | true |
Checkbox Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 绑定值更改触发事件 | function |
Checkbox Slots
| 插槽名 | 说明 |
|---|---|
| default | 自定义默认内容 |
CheckboxGroup API
CheckboxGroup Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值 | array | [] |
| disabled | 是否禁用 | boolean | false |
| validate-event | 是否触发表单验证 | boolean | true |
CheckboxGroup Events
| 事件名 | 说明 | 类型 |
|---|---|---|
| change | 绑定值更改时触发事件 | function |
CheckboxGroup Slots
| 插槽名 | 说明 | 子标签 |
|---|---|---|
| default | 自定义默认内容 | checkbox |