vue 中国省市区地址三级联动插件 V - Distpicker

官网地址：https://distpicker.pigjian.com/
安装和实例可直接参考官网
template

<VDistpicker
:province="getListData.province"
:city="getListData.city"
:area="getListData.district"
@province="onChangeProvince" //选择省份
@city="onChangeCity" //选择城市
@area="onChangeArea" //选择地区 >
</VDistpicker>

script

import VDistpicker from 'v-distpicker'
export default {
data() {
getListData: {
province: '',
city: '',
district: ''  //这个参数名后端返回的和插件定义的不一样
},
},
methods: {
onChangeProvince(data) {
this.getListData.province = data.value;
},
onChangeCity(data) {
this.getListData.city = data.value;
},
onChangeArea(data) {
this.getListData.district = data.value;
},
}
}