## 基础用法 :::demo 在`el-checkbox`元素中定义`v-model`绑定变量,单一的`checkbox`中,默认绑定变量的值会是`Boolean`,选中为`true`。 ```html ``` ::: ## 多选框组 :::demo `checkbox-group`元素能把多个 checkbox 管理为一组,只需要在 Group 中使用`v-model`绑定`Array`类型的变量即可,`label`属性除了改变 checkbox 按钮后的介绍外,同时也是该 checkbox 对应的值,`label`与数组中的元素值相对应,如果存在指定的值则为选中状态,否则为不选中。 ```html ``` ::: ## 绑定 value 的多选框 :::demo 使用`true-label`和`false-label`可以自定义选中时和未选中时的值,可以为`String`或`Number`类型。 ```html ``` ::: ## Checkbox Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | label | 选中状态的值(只有在`checkbox-group`下有意义) | string | | | | true-label | 选中时的值 | string, number | | | | false-label | 没有选中时的值 | string, number | | | | disabled | 按钮禁用 | boolean | | false | ## Checkbox-group Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | change | 当绑定值变化时触发的事件 | 选中的 Checkbox Label 值 |