uniapp 省市区街道三级四级联动选择器(支持APP、H5、小程序)内附demo

·  阅读 1116

概述

  1. 支持uniapp(APP、H5、小程序)省市区街道三级四级联动
  2. 支持默认地区或已选择地区显示
  3. 数据来源可包括高德地图api、公司封装接口返回

API

props

属性必填说明类型默认值
areaInfoSelected已选择的地址对象或默认显示地址对象,属性有:provinceObj,cityObjareaObj,streetObjObject{}
selectAreaLevelLimit指定选择的级别数,如只需要选择省市区,则指定值为3Number4

events

事件名说明返回值
cancel点击取消按钮时触发-
confirm点击确认按钮时触发选中的省市区街道地址对象,包含如下属性:fullAreaText,provinceCode,,cityCode,areaCode,streetCode,provinceObj,cityObj,areaObj,streetObj

作者想说

欢迎大家留言、评论与star😈

dcloud传送门:ext.dcloud.net.cn/plugin?id=5…

github传送门:github.com/LukeLiou/Un…

个人博客:lukeliou.github.io/

效果图:

UniAddressSelector_watermark_2.gif

分类:
前端
标签:
分类:
前端
标签: