Skip to content

ProCheckbox

ProCheckbox 是对 naive-uin-checkbox-group 组件的封装,旨在提供更简洁、更易用的多选框组组件。通过 ProCheckbox,您可以更方便地使用多选框组,并支持更多的配置选项和自定义功能。

基础用法

[]
Default
expand codecollapse code

设置尺寸和禁用整个多选框组

[]
Default
expand codecollapse code

Props

参数类型默认值说明
optionsProCheckboxOption[][]多选框选项列表,包含每个选项的 labelvalue
valueArray<string | number>[]选中的值数组,支持 v-model 双向绑定
namestring''多选框组的名称
disabledbooleanfalse是否禁用整个多选框组
size'small' | 'medium' | 'large''medium'多选框的尺寸大小

ProCheckboxOption

参数类型默认值说明
labelstring多选框的显示文本
valuestring | number多选框的值,用于绑定和提交数据
disabledbooleanfalse是否禁用该选项