Skip to content

Checkbox 复选框

基础用法

使用modelValue绑定一个值进行两种状态的切换; 使用label或者默认插槽为复选框设置标签

loading

状态

使用disabled属性设置按钮禁用; checked属性设置为勾选状态; indeterminate属性设置为不定状态; loading设置加载状态

loading

改变大小

使用size属性设置大小

loading

颜色

通过color属性来改变复选框颜色

loading

Checkbox API

Checkbox Attributes

属性名说明类型默认值
modelValue绑定的值string | number | booleannull
trueValue选中时的值string | number | booleannull
falseValue未选中时的值string | number | booleannull
label标签stringnull
size尺寸number | string12px
color颜色string#bebe
checked是否勾选booleanfalse
disabled是否禁用booleanfalse
indeterminate是否为不定状态booleanfalse

Checkbox Events

属性名说明类型默认值
Change状态改变时触发Function: (checked: boolean) => checkednull

Checkbox Slots

属性名说明类型默认值
default自定义内容