uni-app省市区地址选择器

前言：uni-app原生选择器并不支持H5，因此需要引入外部组件。

 

组件：

支持h5 小程序 app

组件下载地址：https://pan.baidu.com/s/1G6N2vHnaOLyR79yc0B9qog      提取码：7nr2

 

效果图：

代码示例：

<template>
    <view class="content">
        <pickerAddress @change="change">{{txt}}</pickerAddress>
    </view>
</template>


    import pickerAddress from '../../components/pickerAddress/pickerAddress.vue'
    export default {
        components:{
            pickerAddress
        },
        data() {
            return {
                txt: '选择地址',
                title: 'Hello'
            }
        },
        onLoad() {

        },
        methods: {
            change(data) {
                this.txt = data.data.join('')
                console.log(data.data.join(''))
            }
        }
    }

 

 

 

提示：文章引用自uni-app插件市场的分享，侵删。