更新记录

1.01(2023-04-02)

  • 增加村一级

1(2023-03-19)

初始版本。


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.8 app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

DataPicker 级联选择

组件名:uni-data-picker 代码块: uDataPicker 关联组件:uni-data-pickerviewuni-load-more

<uni-data-picker> 是一个选择类datacom组件

支持单列、和多列级联选择。列数没有限制,如果屏幕显示不全,顶部tab区域会左右滚动。

  • 基于uni-data-picker和unicloud的懒加载三级四级五级省市县镇村五级联选择.
  • 数据来源腾讯地图2023年3月2日版本和民政部.
  • 基于官方组件,不用担心兼容性,不用担心升级
  • 数据包含省市县镇村五级数据,满足所有业务需求
  • 灵活选择所需要到达的级别
  • 懒加载,不用担心打包太大

和官方版本不同点:

  • 1,增加镇和村两个级别,共有省市县镇村五个级别
  • 2,优化了数据.比如选择北京东城区,官方版本:北京市/北京市/东城区.优化后:北京市/东城区.更加合理.
  • 3,去除了官方opendb-city-china中邮编,增加了地区经纬度

使用方法:(因数据较多,不能用db_init方法,请手动导入数据)

  • 1, 关联你的云空间
  • 2, 在uniCloud/database 中右键mintz-city-data.schema.json,上传
  • 3, 在https://unicloud.dcloud.net.cn/中找到mintz-city-data数据库
  • 4, 因为一次导入的数据不能超过50m,请导入根目录下的mintz-city-data.json,xiangcun1.json,xiangcun2.json即可使用
  • 5, 在源码中找到eq(['$type', 4]) as isleaf, 4即代表到村一级,0省,1市,2县,3镇

还有一些说明在代码注释里面

第一次发插件,请提宝贵建议.

查看文档

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问