vue省市区联动插件

1.下载插件

            cnpm i v-distpicker --save

2.全部配置    

           import VDistpicker from 'v-distpicker'

           Vue.component('v-distpicker', VDistpicker);

3.组件配置

       import VDistpicker from "v-distpicker";

       export default {

             components: { VDistpicker },

        }

4.布局

       

                 所在地区

                 

{{city}}

         

         

         

 5.js

         toAddress() {

                  this.mask = true;

                  this.addInp = true;

         },

// 省市区三级联动

          selected(data) {

                   this.mask = false;

                   this.addInp = false;

                  this.city =data.province.value + " " + data.city.value + " " + data.area.value;

          }