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>
1
2
3
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>
1
2
3
4
const arr = ref<string[]>([])
1