uniapp使用三级地址联动插件

第一步、下载simple-address插件

第二步，定义页面点击事件

 

<view class="row b-b">
	<text class="tit">地址</text>
	<text @click="openAddres" class="input">
		{{addressData.province || '省/直辖市'}} {{addressData.city || '市'}{{addressData.district || '区/县'}}
	</text>
	<text @click="openAddres" class="yticon icon-you"></text>
</view>

<simple-address ref="simpleAddress" :pickerValueDefault="cityPickerValueDefault" @onConfirm="addressChange"
			 themeColor="#007AFF"></simple-address>

第三步，js部分

 

//引入插件
import simpleAddress from '@/components/simple-address/simple-address.vue';


components: {
		 
	simpleAddress
},

//打开地址列表
openAddres: function(e) {
	this.cityPickerValueDefault = [0, 0, 1]
	this.$refs.simpleAddress.open();
},

三步完成！！！