vant-area value选中值

<van-field is-link name="datetimePicker" :value="form.address" readonly

          :disabled="affiliation === 1 ? false : true" label="省市县" input-align="right" placeholder="请选择"

          @click="onAddress" class="tongField" />

        <van-popup  v-model="showAddress" position="bottom" :style="{ height: '50%' }" round>

          <van-area :value="vanAreaValue" title="详细地址" @confirm="changeAddress" @cancel="cancelAddress" :area-list="areaList" />

        </van-popup>

页面值改变的时候把省市区字段(6位的数字)赋值,传给后端

changeAddress(event) {

      this.showAddress = false;

      let st = "";

      event.forEach((item) => {

        st = st + item.name;

      });

      this.form.address = st;

      this.form.provinceId = event[0].code

      this.form.cityId = event[1].code

      this.form.areaId = event[2].code

    },

回显的时候

        this.vanAreaValue = String(this.form.provinceId).slice(0,2) + String(this.form.cityId).slice(2,4) + String(this.form.areaId).slice(4,6)   // 用来回显vanArea 里面选择的地址

例如 this.form.provinceId=410000;this.form.cityId=411600;this.form.areaId=411602   那么 this.vanAreaValue=411602  那么下面this.form.address就是 河南省周口市川汇区

        this.form.address = this.areaList.province_list[String(this.form.provinceId)] + this.areaList.city_list[String(this.form.cityId)] + this.areaList.county_list[String(this.form.areaId)]

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值