更新记录
1.0.6(2024-10-22) 下载此版本
- 新增 当 multiple 为 false 且传递的 value 为 数组时,使用数组第一项用作反显
1.0.5(2024-03-20) 下载此版本
- 修复 单选模式下选中样式不生效的bug
1.0.4(2024-01-27) 下载此版本
- 修复 修复错别字chagne为change
平台兼容性
uni-app(4.05)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
DataCheckbox 数据驱动的单选复选框
组件名:uni-data-checkbox 代码块:
uDataCheckbox
本组件是基于uni-app基础组件checkbox的封装。本组件要解决问题包括:
- 数据绑定型组件:给本组件绑定一个data,会自动渲染一组候选内容。再以往,开发者需要编写不少代码实现类似功能
- 自动的表单校验:组件绑定了data,且符合uni-forms组件的表单校验规范,搭配使用会自动实现表单校验
- 本组件合并了单选多选
- 本组件有若干风格选择,如普通的单选多选框、并列button风格、tag风格。开发者可以快速选择需要的风格。但作为一个封装组件,样式代码虽然不用自己写了,却会牺牲一定的样式自定义性
在uniCloud开发中,DB Schema
中配置了enum枚举等类型后,在web控制台的自动生成表单功能中,会自动生成uni-data-checkbox
组件并绑定好data