示例仅供参考,请以真机为主

Checkbox 多选框

checkbox

参数

参数说明类型可选值默认值
modelValue / v-model绑定值string / number / boolean
label标识string / number / boolean
disabled是否禁用booleanfalse
border是否显示边框booleanfalse
round是否圆角boolean
size尺寸number40

事件

事件名称说明回调参数
change绑定值变化时触发的事件选中的 label 值

示例

<!-- string -->
<cl-checkbox v-model="v1" label="1">备选项</cl-checkbox>
<cl-checkbox v-model="v2" label="2">备选项</cl-checkbox>

checkbox-group

参数

参数说明类型可选值默认值
modelValue / v-model绑定值string / number / boolean
disabled是否禁用booleanfalse
border是否显示边框booleanfalse

事件

事件名称说明回调参数
change绑定值变化时触发的事件选中的 label 值

示例

<cl-checkbox-group v-model="arr">
	<cl-checkbox label="1">备选项</cl-checkbox>
	<cl-checkbox label="2">备选项</cl-checkbox>
</cl-checkbox-group>
const arr = ref<string[]>([])
Last Updated: