更新记录
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 | [] | 默认值/回显值(省/市/区数组) |

收藏人数:
购买普通授权版(
试用
赞赏(0)
下载 173
赞赏 0
下载 12750077
赞赏 1959
赞赏
京公网安备:11010802035340号