vue地址三级联动组件 (最简单)

V - Distpicker 地区选择器 ！！！

环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上.

文档: https://distpicker.pigjian.com/
github: https://github.com/jcc/v-distpicker

项目运用:

1.表单

...
<el-form-item label="地区">
  <v-distpicker :province="user.xtrysf" :city="user.xtrycs" hide-area @province="onChangeProvince" @city="onChangeCity" >
  </v-distpicker>
</el-form-item>
...

2.绑定下拉框

onChangeProvince(data) {
      this.user.xtrysf = data.value
    },
onChangeCity(data) {
      this.user.xtrycs = data.value
    }

当选中地区下拉框时,将选中的值赋值给表单(相应的对象属性值)