VUE-地区选择器 V-Distpicker

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

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
    }
当选中地区下拉框时,将选中的值赋值给表单(相应的对象属性值)

点这里可以跳转到人工智能网站

发表评论