更新记录

1.0.5(2019-07-12)

1.修复已知问题

1.0.4(2019-07-11)

1.修复样式引入

查看更多

lotus-address

省市区三级联动选择组件 适用H5/APP/微信小程序

how to use

插件的方式引入使用

1.xx.vue

    import lotusAddress from "../../components/Winglau14-lotusAddress/Winglau14-lotusAddress.vue";

2.vue页面内引用:

    <lotus-address v-on:choseVal="choseValue" :lotusAddressData="lotusAddressData"></lotus-address>

3.参数说明:
(1)参数定义

    data () {
        return {
            lotusAddressData:{
                visible:false,
                provinceName:'广东省',
                cityName:'广州市',
                townName:'天河区',
            },
            region:''
        }
    }

4.方法定义与调用:

    components:{
        "lotus-address":lotusAddress
    },
    methods: {
        //打开picker
        openPicker() {
            this.lotusAddressData.visible = true;
        },
        //回传已选的省市区的值
        choseValue(res){
            //res数据源包括已选省市区与省市区code
            console.log(res);
            this.lotusAddressData.visible = res.visible;//visible为显示与关闭组件标识true显示false隐藏
            //res.isChose = 1省市区已选 res.isChose = 0;未选
            if(res.isChose){
                this.lotusAddressData.provinceName = res.provice;//省
                this.lotusAddressData.cityName = res.city;//市
                this.lotusAddressData.townName = res.town;//区
                this.region = `${res.provice} ${res.city} ${res.town}`; //region为已选的省市区的值
            }
        }
    }

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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