h5地区选择器解决方案

官方的地区选择并不支持h5，官方多级连选案例简直是一阔糊

那就用单选择器吧

                <picker @change="provinceChange" :value="provinceId" :range="provinceJson" range-key="name">  
                    <view class="uni-input">{{provinceJson[provinceId].name}}</view>  
                </picker>  

                <picker @change="regionChange" :value="regionId" :range="regionShowJson" range-key="name">  
                    <view class="uni-input">{{regionShowJson[regionId].name}}</view>  
                </picker>

先定义参数

                provinceId: 0,  
                regionId: 0,  
                regionShowJson: [  
                    {  
                        name:'请选择'  
                    }  
                ]  

//省市json在评论区

定义函数

            regionChange: function(e) {  
                // console.log(e.target)  
                console.log('picker发送选择改变，携带值为：' + e.target.value)  
                this.regionId = e.target.value  
            },  
            provinceChange: function(e) {  
                // console.log(e.target)  
                console.log('picker发送选择改变，携带值为：' + e.target.value)  
                this.provinceId = e.target.value  
                this.regionShowJson = this.regionJson[e.target.value].cities  
            },