Checkbox 多选框

一组备选项中进行多选。

基础用法

选项 未选中

<my-checkbox v-model="checked">选项</my-checkbox>

多选框组

选项A选项B

<my-checkbox v-model="checkedList" label="A">选项A</my-checkbox>
<my-checkbox v-model="checkedList" label="B">选项B</my-checkbox>

组件结构

根元素 <label class="my-checkbox"> 包含：隐藏的原生 <input type="checkbox"> __original、自定义展现框 __inner-wrap（内含选中/半选图标 __inner）、标签文字 __label。

CSS 类名

类名	说明
.my-checkbox	根元素
.is-disabled	禁用状态
.is-checked	选中状态
.is-indeterminate	半选状态
.is-bordered	带边框样式
.my-checkbox__original	隐藏的原生 input
.my-checkbox__inner-wrap	自定义选中框外层
.my-checkbox__inner	自定义选中框内部（对勾图标）
.my-checkbox__label	标签文字

API

属性	说明	类型	默认值
modelValue	绑定值	boolean | (string | number | boolean)[]	false
label	选中状态的值	string | number | boolean	—
indeterminate	是否半选	boolean	false
disabled	是否禁用	boolean	false