vue项目中使用地址选择插件v-distpicker，省市区三级联动选择

步骤：

1.

npm install v-distpicker --save

2.

 import VDistpicker from 'v-distpicker'

3.

export default {
    name:"demo",
    components: { VDistpicker },
    methods:{
        sel: function(data) {
          this.citydata = data.province.value + data.city.value + data.area.value;
          console.log(this.citydata);
        },
    }
}

4.

ps:如果是移动端项目加上type属性：

选择前

选择后

附：v-dispicker官网