V - Distpicker地址选择器

V - Distpicker 是一个简单、易用、灵活的 Vue 组件，且兼容 PC 端、移动端。

安装

yarn add v-distpicker --save

注册组件

注册全局组件

import VDistpicker from 'v-distpicker'

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

注册组件

import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker }
}

简单使用

<el-form-item label="所属地区" prop="">
          <VDistpicker
            :province="diglogForm.province"
            :city="diglogForm.city"
            :area="diglogForm.area"
            @province="onChangeProvince"
            @city="onChangeCity"
            @area="onChangeArea"
          ></VDistpicker>
</el-form-item>

//数据
diglogForm: {   
        province: null,
        city: null,
        area: null,
}
//事件
onChangeProvince(data) {
    this.diglogForm.province = data.value;
},
onChangeCity(data) {
    this.diglogForm.city = data.value;
},
onChangeArea(data) {
    this.diglogForm.area = data.value;
}