更新记录
1.0.2(2024-07-23) 下载此版本
icon图标修改
1.0.1(2024-07-17) 下载此版本
1.0.1
1.0.0(2024-07-17) 下载此版本
1.0.0
查看更多平台兼容性
shaoll-checkbox
Checkbox Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
v-model | 双向绑定某一个checkbox的值,如果将该变量设置为true,将会被选中 | String \ Number | - | - |
size | 组件整体的大小,单位rpx | String \ Number | - | - |
label-size | label字体大小,单位rpx | String \ Number | - | - |
icon-size | 图标大小,单位rpx | String \ Number | - | - |
name | checkbox组件的标示符 | String \ Number | - | - |
shape | 形状,见上方说明 | String | - | square |
disabled | 是否禁用 | Boolean | - | false / true |
label-disabled | 是否禁止点击文本操作checkbox | Boolean | - | false / true |
active-color | 选中时的颜色,如设置CheckboxGroup的active-color将失效 | String | - | - |
CheckboxGroup Props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
max | 最多能选中多少个checkbox | String \ Number | 999 | - |
disabled | 是否禁用所有checkbox | Boolean | false | true |
icon-size | 图标大小,单位rpx | String \ Number | 20 | - |
size | 组件整体的大小,单位rpx | String \ Number | 34 | - |
shape | 形状,见上方说明 | String | circle | square |
active-color | 选中时的颜色,应用到所有子Checkbox组件 | String | #2979ff | - |
label-disabled | 是否禁止点击文本操作checkbox | Boolean | false | true |
width | checkbox的宽度,需带单位,如50%,150rpx | String | auto | - |
wrap | 是否每个checkbox占一行 | Boolean | false | true |
Checkbox Event
事件名 | 说明 | 回调参数 | 版本 | |||
---|---|---|---|---|---|---|
change | 某个checkbox状态发生变化时触发,回调为一个对象 | detail = {value: [true或者false,true为被选中,否则反之], name: [通过props传递的name参数] } | - | :-: | :-: |
CheckboxGroup Event
事件名 | 说明 | 回调参数 | 版本 |
---|---|---|---|
change | 任一个checkbox状态发生变化时触发,回调为一个对象 | detail = array( [元素为被选中的checkbox的name] ) | - |