uni——小程序三级联动

案例演示

代码：

<picker mode="region" @change="changeCity">
	<input type="text" placeholder="请选择所在地区" :value="value" />
	<image :src="$common.image('/static/personal/addressNext.png')" mode="aspectFill" class="next">
	</image>
</picker>

data() {
	return {
		// 城市
		cityString:''
	};
},
methods: {
	changeCity(e){
		console.log(e.detail.value);
		this.cityString = (e.detail.value).join('')
	}
}

重点是：用它包裹样式即可，自动调起省市区选择

<picker mode="region"></picker>

网址

https://uniapp.dcloud.net.cn/component/picker.html#%E7%9C%81%E5%B8%82%E5%8C%BA%E9%80%89%E6%8B%A9%E5%99%A8