VUE中v-distpicker三级联动插件的使用

1.

1.npm install v-distpicker --save
2.注册全局插件
import VDistpicker from 'v-distpicker'

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

2.在使用的页面中 引入就可以了

3.

<el-form-item label="地址" prop="eaddress">
  <!--<v-distpicker></v-distpicker>-->
//获取所选择的值
  <VDistpicker :province="getListData.province" :city="getListData.city" :area="getListData.district" @province="onChangeProvince" @city="onChangeCity" @area="onChangeArea" ></VDistpicker>
</el-form-item>

4.

5. 

onChangeProvince(data) {
  this.getListData.province = data.value;
},
onChangeCity(data) {
  this.getListData.city = data.value;
},
onChangeArea(data) {
  this.getListData.district = data.value;
},

6.上述的只要按着来就可以保证能够使用。我试过了