更新记录

1.0.0（2026-01-28）

本插件旨在遇见同样需求，快速实现，可下载代码，稍加调整，代码基础简单，附带注释

平台兼容性

uni-app(4.45)

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

1.引入插件

import regionMultiple from "路径/regionMultiple.vue"

components: {regionMultiple}

2.即插即用

<!-- 三级联动 选择地址 -->

<regionMultiple ref="regionMultiple" @confirm="onConfirm" />

3.通过onConfirm获取选中结果

显示： this.$refs.regionMultiple.show(); 隐藏： this.$refs.regionMultiple.hide();

onConfirm(result) { console.log(result);
}

4.获取的数据结构为 [[],[],[]]; 0-省; 1-市; 2-区

checked: 0-未选中；1-半选；2-全选

内置了判断: 如果全选中了省，那么数据将会出现在[['数据'],[],[]]; 1和2不会出现数据 如果全选中了市，那么数据将会出现在[[],['数据'],[]]; 2不会出现数据 如果全选中了区，那么数据将会出现在[[],[],['数据']]

数据结构为： checked: 2 city: "市辖区" code: "110101" name: "东城区" province: "北京市"

隐私、权限声明

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

无

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

无

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

无

评论列表 撰写评论 向官方投诉

暂无用户评论。