第一步、下载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();
},
三步完成!!!