v-region 地址组件无法回显问题(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)

(Avue)

1、问题

v-region 地址组件无法回显(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)

选择好省市县乡后,保存,再次编辑,发现如下:

2、解决方案:初始化 地址

参考资料:https://terryz.gitee.io/vue/#/region/demo

在前台修改

<avue-crud :data="data"
           :before-open="beforeOpen"
    >

在v-region里面加入 v-model属性

<template slot="addressForm">
   <v-region :town="true" type="group" @values="selectAddress" v-model="addressSelected">
   </v-region>
</template>

data() {
    return {
      addressSelected: {}
    }
  }
methods: {
    //编辑前加载,回显
    beforeOpen(done, type) {
      this.addressSelected.province = this.obj.addrProvinceKey
      this.addressSelected.city = this.obj.addrCityKey
      this.addressSelected.area = this.obj.addrCountyKey
      this.addressSelected.town = this.obj.addrTownKey
      done()
    },
    selectAddress(values) {
      //显示到表格地址栏
      this.obj.addrProvince = values.province && values.province.value
      this.obj.addrCity = values.city && values.city.value
      this.obj.addrCounty = values.area && values.area.value
      this.obj.addrTown = values.town && values.town.value
     //回显
      this.obj.addrProvinceKey = values.province && values.province.key
      this.obj.addrCityKey = values.city && values.city.key
      this.obj.addrCountyKey = values.area && values.area.key
      this.obj.addrTownKey = values.town && values.town.key
    }

 

③在后台修改

找到该实体类,添加 【省市县乡编码】字段(如 addrProvince······)

④数据库修改

加【省市县乡编码】列(如 addrProvince······)

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值