更新记录
2.0.1(2024-08-22) 下载此版本
- 修复 uni-app-x v-model 没有更新传入值的 bug
2.0.0(2023-12-14) 下载此版本
- 新增 支持 uni-app-x
1.1.2(2023-04-11) 下载此版本
- 修复 更改 modelValue 报错的 bug
- 修复 v-for 未使用 key 值控制台 warning
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
DataPicker 级联选择
组件名:uni-data-picker 代码块:
uDataPicker
关联组件:uni-data-pickerview
、uni-load-more
。
<uni-data-picker>
是一个选择类datacom组件。
支持单列、和多列级联选择。列数没有限制,如果屏幕显示不全,顶部tab区域会左右滚动。
候选数据支持一次性加载完毕,也支持懒加载,比如示例图中,选择了“北京”后,动态加载北京的区县数据。
<uni-data-picker>
组件尤其适用于地址选择、分类选择等选择类。
<uni-data-picker>
支持本地数据、云端静态数据(json),uniCloud云数据库数据。
<uni-data-picker>
可以通过JQL直连uniCloud云数据库,配套DB Schema,可在schema2code中自动生成前端页面,还支持服务器端校验。
在uniCloud数据表中新建表“uni-id-address”和“opendb-city-china”,这2个表的schema自带foreignKey关联。在“uni-id-address”表的表结构页面使用schema2code生成前端页面,会自动生成地址管理的维护页面,自动从“opendb-city-china”表包含的中国所有省市区信息里选择地址。