Skip to content

Checkbox 复选框

默认

UnChecked

Option 1

Checked

Option 2 bla bla bla bla bla bla bla bla bla

Solo

Indeterminate

indeterminate 一般用于多选组半选中状态,勿单独使用

禁用状态

UnChecked Disabled

Option Text

Checked Disabled

Option 2 bla bla bla bla bla bla bla bla bla

Solo

Indeterminate Disabled

Option Text

大小 Size

在正常尺寸之外提供一种 small 尺寸

UnChecked

Option 1

Checked

Option 2

Solo

Indeterminate

UnChecked Disabled

Option Text

Checked Disabled

Option Text

Indeterminate Disabled

Option Text

多选框组

Default

Size Small

Disabled

Multi Lines

indeterminate 状态

一般用于多选组中标识处于 未选 => 全选 的中间状态

全选

自由布局

配合 Grid 可实现自定义布局

一行四列

Checkbox Props

参数介绍类型可选值默认值
value是否选中,可通过 v-model 绑定String, Number, Boolean
true-value选中时的值,绑定值与此值相等时选中String, Number, Booleantrue
false-value没有选中时的值String, Number, Booleanfalse
group-value用于单选框组合的给定值String, Number-
disabled是否禁用Booleanfalse
size尺寸Stringsmall-
namecheckbox 对应的 name 属性String--
indeterminate不确定态,一般用于多选组半选中状态,只起样式作用Booleanfalse

Checkbox Events

名称介绍参数
change值改变时触发(value)

CheckboxGroup Props

参数介绍类型可选值默认值
value选中值,可通过 v-model 绑定Array-
disabled是否禁用Booleanfalse
size尺寸Stringsmall-

CheckboxGroup Events

名称介绍参数
change值改变时触发(value)