2021-07-20 UniAddressSelector省市区街道三级四级联动(内附demo)

本文介绍了一个uni-app组件UniAddressSelector,用于实现省市区街道的三级或四级联动效果,支持APP、H5和小程序。提供默认地区显示和自定义数据源功能,可通过高德地图API或公司封装接口获取数据。详细介绍了组件的props和events,并提供了dcloud、github和作者个人博客的链接供参考。
摘要由CSDN通过智能技术生成

UniAddressSelector省市区街道三级四级联动(内附demo)

概述

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

API

props
属性 必填 说明 类型 默认值
areaInfoSelected 已选择的地址对象或默认显示地址对象,属性有:provinceObj,cityObjareaObj,streetObj Object {}
selectAreaLevelLimit 指定选择的级别数,如只需要选择省市区,则指定值为3 Number 4
events
事件名 说明 返回值
cancel 点击取消按钮时触发 -
confirm 点击确认按钮时触发 选中的省市区街道地址对象,包含如下属性:fullAreaText,provinceCode,cityCode,areaCode,streetCode,pro
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值