Checkbox 多选
用法
基本用法
复选框
设置checked属性，可以设置checkbox是否默认选中； 设置disabled为true则该checkbox不可更改值；
点击查看代码
<wd-checkbox
:checked="isCheckboxChecked"
@change="handleCheckboxChange"
>
复选框
</wd-checkbox>
<wd-checkbox
:checked="checkboxDefaultCheck"
v-model="checkboxDefaultCheck"
@change="handleCheckboxChange"
>
复选框默认选中
</wd-checkbox>
<wd-checkbox
:checked="isCheckboxChecked"
:disabled="true"
@change="handleCheckboxChange"
>
复选框不可用
</wd-checkbox>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| checked | 是否选中 | boolean | true / false | false |
| name | 组件名称 | string | - | - |
| default-value | 复选框组才有的属性 | Array | - | - |
| disabled | 是否可用 | boolean | true / false | true |
事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 值变化时触发 | Function(checkedValue) |