多选框 Checkbox

在一组数据中,用户可通过复选框选择一个或多个数据。

基本使用

可以表示两种状态之间的切换

禁用

设置属性 disabledtrue 即可。

多选框组

适用于多个勾选框绑定到同一个数组的情景,通过是否勾选来表示这一组选项中选中的项。

半选状态

indeterminate 属性用以表示 checkbox 的不确定状态,一般用于实现全选的效果

API

Checkbox Attributes

属性名描述类型默认值
v-model绑定值booleanfalse
label选中状态的值string/ number | boolean-
disabled是否禁用booleanfalse
name原生 name 属性string-
checked当前是否勾选booleanfalse
indeterminate半选状态booleanfalse

Checkbox Group Attributes

属性名描述类型默认值
v-model绑定值array-

Checkbox Events

事件名描述函数类型
change当绑定值变化时触发的事件(val:boolean) => void

Checkbox Group Events

事件名描述函数类型
change当绑定值变化时触发的事件(val:(number|string|boolean)[]) => void

最后更新时间: