更新记录

0.1.0(2026-03-12)

  • 首次发布:省/市/区县三级地区选择弹窗
  • 内置 static/location.json,导入即用
  • 支持 visible 双向绑定与默认值回显

平台兼容性

uni-app(4.86)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× ×

地区选择弹窗(Address Picker)

这是一个底部弹出的地区选择组件,支持 省 / 市 / 区县 三级选择。
和很多“只给 UI、数据还得你自己找”的组件不同,它把 location.json 也一并打包进插件里:你导入插件就能直接用,不需要再去拷贝地址库文件。

依赖说明(必须)

  • 本组件内部使用了 uni-popup(uni 的弹出层)来实现底部抽屉效果,所以你的项目里需要已安装/可用 uni-popup
  • 如果你是从插件市场下载安装到项目中,正常会自动处理依赖;如果是手动拷贝组件文件,请同时确保项目内存在 uni_modules/uni-popup(或已集成 uni-ui 的同名组件)。

你需要传什么数据

1)控制显示

  • visible:Boolean,用来控制弹窗开关(支持 :visible.sync / v-model:visible

2)回显默认值(可选)

  • value:Array,默认值/回显值,格式为地区对象数组(省、市、区县),每项结构如下:
{ name: '广东省', adcode: '440000' }

组件会返回什么

事件

  • confirm(selectedItems):点击“确定”时触发,返回长度 1~3 的数组(省/市/区县)
  • input(selectedItems):兼容老用法(同 confirm 返回一致)
  • close:弹窗关闭时触发
  • update:visible(false):弹窗关闭时会同步把 visible 置为 false

Props

属性 类型 默认值 说明
visible Boolean false 是否显示弹窗(支持双向绑定)
value Array [] 默认值/回显值(省/市/区数组)

更新日志

changelog.md

隐私、权限声明

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

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

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

暂无用户评论。