Skip to content

Checkbox 多选框

规则

基础示例

Props 配置示例

禁用状态

按钮样式 · 尺寸对比(小 / 中 / 大)

整组禁用

Events 事件示例

监听选择变化

选择后联动更新

完整配置项:Ant-design-vue_Checkbox

value :Array

Options

字段名说明字段类型是否必填默认值
value参数值String,Numbertrue-
label字段别名Stringtrue-
disabled设置为禁用状态Booleanfalsefalse

Props

参数说明类型默认值
disabled整组失效booleanfalse
nameCheckboxGroup 下所有 input[type="checkbox"]name 属性string-
options指定可选项,可以通过 slot="label" slot-scope="option" 定制labelstring[] | Array<{ label: string value: string disabled?: boolean, indeterminate?: boolean, onChange?: function }>[]

Events

事件名称说明回调参数
change变化时回调函数Function(checkedValue)

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