Skip to content

Checkbox 多选框

规则

基础示例

Props 配置示例

限制选择数量

禁用状态

整组禁用

Events 事件示例

监听选择变化

选择后联动更新

完整配置项:TDesign_Checkbox

valueArray<string | number | boolean>

Props

参数说明类型默认值版本
disabled是否禁用(优先级:Form < CheckboxGroup < Checkbox)boolean--
lazyLoad是否启用懒加载booleanfalse-
max最多选中数量number--
name统一设置内部复选框 HTML namestring--
options配置子元素(支持 checkAll 全选项)Array<CheckboxOption>--
readonly只读boolean--
value选中值,支持 v-model / v-model:valueArray<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-

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用