安装和实例可直接参考官网

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;
        },
    }
}