更新记录

1.0.2(2021-09-03)

删除无用的注释内容,优化初始化方法,自动识别代码优化.

1.0.1(2021-09-03)

新增一个主动调用获取详细信息对象方法

1.0.0(2021-09-03)

够简单的地区三级联动实现

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
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,请在评论区提交

隐私、权限声明

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

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

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

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问