Checkbox 多选框

checkbox

参数

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

事件

事件名称	说明	回调参数
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	是否禁用	boolean		false
border	是否显示边框	boolean		false

事件

事件名称	说明	回调参数
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[]>([])