更新记录
0.0.5(2024-05-30) 下载此版本
页面有两个组件,村级组件回显问题处理
0.0.4(2024-05-30) 下载此版本
地址回显优化
0.0.3(2024-05-29) 下载此版本
getAddressByCode,通过code获取地区名称问题修改
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.18 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | √ | √ | √ | √ | √ | √ | √ | × |
初始化组件数据 <addrPicker ref="addrPicker" @picker1="getAddr"> {{address?address:'请选择'}}
let arr = [, '0000', 1] 省市县数据初始化 this.$refs.addrPicker.getAreaData(arr)
let arr = ['金水区', '410304000000000', 3] 县乡村数据初始化 this.$refs.addrPicker.getAreaData(arr)
@picker1 获取选择后的数据
<addrPicker ref="addrPicker" :shengshixian="true" :defaultAddress="addrCodes" @picker1="getAddr"> {{address?address:'请选择'}}
省市县数据回显 shengshixian true defaultAddress 传入数组 ['河南省', '郑州市', '金水区']
县乡村数据回显 defaultAddress 传入数组 ['金水区', '花园路街道', '省供销社社区居民委员会']
省市县数据回显 shengshixian true defaultCode 传入数组 ['410000000000000', '410100000000000', '410105000000000']
县乡村数据回显 defaultCode 传入数组 ['410105000000000', '410105002000000', '410105002003000']
disabled 是否可用 传入 true false
this.$refs.addrPicker.getAddressByCode 传入 code '410105000000000'(必须字符串) 返回地区名称