更新记录
1.0.2(2021-09-03)
下载此版本
删除无用的注释内容,优化初始化方法,自动识别代码优化.
1.0.1(2021-09-03)
下载此版本
新增一个主动调用获取详细信息对象方法
1.0.0(2021-09-03)
下载此版本
够简单的地区三级联动实现
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
简单的地区三级联动
使用说明
太懒了直接上代码吧~~
//组件使用示例
<pca-picker-cc v-on:getAddressResultObj="getAddressResultObj" :addressList.sync="addressList">
<view class="uni-input">{{ addressList.join(' ') }}</view>
</pca-picker-cc>
export default {
data() {
return {
//使用了.sync更新自动同步最新地区信息
addressList: ["广东省", "深圳市", "南山区"],
}
},
methods: {
getAddressResultObj(e){
//获取详细的 省/市/区 对象信息,更新时被动调,主动调用请自行设置ref值,方法一致
console.log(e)
},
}
}
以上是使用方式.
结束语
如有bug,请在评论区提交