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插件市場的分享，侵刪。