Checkbox 复选框
默认
UnChecked
Option 1Checked
Option 2 bla bla bla bla bla bla bla bla blaSolo
Indeterminate
indeterminate
一般用于多选组半选中状态,勿单独使用
禁用状态
UnChecked Disabled
Option TextChecked Disabled
Option 2 bla bla bla bla bla bla bla bla blaSolo
Indeterminate Disabled
Option Text大小 Size
在正常尺寸之外提供一种 small 尺寸
UnChecked
Option 1Checked
Option 2Solo
Indeterminate
UnChecked Disabled
Option TextChecked Disabled
Option TextIndeterminate Disabled
Option Text多选框组
Default
Size Small
Disabled
Multi Lines
indeterminate 状态
全选一般用于多选组中标识处于 未选 => 全选 的中间状态
自由布局
配合 Grid 可实现自定义布局
一行四列
Checkbox Props
参数 | 介绍 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 是否选中,可通过 v-model 绑定 | String, Number, Boolean | — | — |
true-value | 选中时的值,绑定值与此值相等时选中 | String, Number, Boolean | true | |
false-value | 没有选中时的值 | String, Number, Boolean | false | |
group-value | 用于单选框组合的给定值 | String, Number | — | - |
disabled | 是否禁用 | Boolean | — | false |
size | 尺寸 | String | small | - |
name | checkbox 对应的 name 属性 | String | - | - |
indeterminate | 不确定态,一般用于多选组半选中状态,只起样式作用 | Boolean | — | false |
Checkbox Events
名称 | 介绍 | 参数 |
---|---|---|
change | 值改变时触发 | (value) |
CheckboxGroup Props
参数 | 介绍 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 选中值,可通过 v-model 绑定 | Array | — | - |
disabled | 是否禁用 | Boolean | — | false |
size | 尺寸 | String | small | - |
CheckboxGroup Events
名称 | 介绍 | 参数 |
---|---|---|
change | 值改变时触发 | (value) |