Checkbox 多选框
规则
基础示例
Props 配置示例
限制选择数量
禁用状态
整组禁用
Events 事件示例
监听选择变化
选择后联动更新
完整配置项:TDesign_Checkbox
value:Array<string | number | boolean>
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| disabled | 是否禁用(优先级:Form < CheckboxGroup < Checkbox) | boolean | - | - |
| lazyLoad | 是否启用懒加载 | boolean | false | - |
| max | 最多选中数量 | number | - | - |
| name | 统一设置内部复选框 HTML name | string | - | - |
| options | 配置子元素(支持 checkAll 全选项) | Array<CheckboxOption> | - | - |
| readonly | 只读 | boolean | - | - |
| value | 选中值,支持 v-model / v-model:value | Array<string | number | boolean> | [] | - |
| defaultValue | 非受控选中值 | Array<string | number | boolean> | [] | - |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 值变化 | (value, context: { e: Event; current: string | number | boolean; option: CheckboxOption | TdCheckboxProps; type: 'check' | 'uncheck' }) => void | - |


