Checkbox 复选框

在一组选项中进行选择

基础用法

你可以使用插槽的方式设置或者添加 label 属性来添加box右侧的文字介绍

禁用

多选框组

n-checkbox-group 中的 v-model 属性是整个多选框组的值,n-checkbox 中的 value 是单个多选款的值, 当被选中时,value 会被添加进 v-model 绑定的变量当中。

你还可以添加 indeterminate 属性来更好的控制全选和反选

可选数量

使用 minmax 控制 checkbox 的可选数量

Checkbox API

Checkbox Props

属性名描述类型默认值
modelValue / v-model选中项绑定的值string/ number/ boolean-
value选中状态的值string/ number/ boolean/ object-
disabled是否禁用booleanfalse
sizecheckbox尺寸eumdefault
checked是否选中booleanfalse
indeterminate待定状态,一般用于控制checkbox-groupbooleanfalse
label选中状态的值,只有在绑定对象类型为 array时有效。如果没有 valuelabel则作为value使用string
trueValue选中时的值string/ number
falseValue未选中时的值string/ number
name原生name属性string

Checkbox Emits

事件名描述类型
change选中项值发生变化时触发Function

Checkbox Slots

插槽名描述
default默认插槽

CheckboxGroup API

CheckboxGroup Props

属性名描述类型默认值
modelValue / v-model选中项绑定的值string/ number/ boolean-
disabled是否禁用booleanfalse
checked是否选中booleanfalse
label选中状态的值,只有在绑定对象类型为 array时有效。如果没有valuelabel则作为value使用string
max可选中的最大数量number
min可选中的最小选中数量number

Checkbox-group Emits

事件名描述类型
change选中项值发生变化时触发Function

Checkbox-group Slots

插槽名描述
default默认插槽
上次更新时间: