(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.addrProvinceKeythis.addressSelected.city = this.obj.addrCityKeythis.addressSelected.area = this.obj.addrCountyKeythis.addressSelected.town = this.obj.addrTownKeydone()},selectAddress(values) {//顯示到表格地址欄this.obj.addrProvince = values.province && values.province.valuethis.obj.addrCity = values.city && values.city.valuethis.obj.addrCounty = values.area && values.area.valuethis.obj.addrTown = values.town && values.town.value//回顯this.obj.addrProvinceKey = values.province && values.province.keythis.obj.addrCityKey = values.city && values.city.keythis.obj.addrCountyKey = values.area && values.area.keythis.obj.addrTownKey = values.town && values.town.key}

?

③在后臺修改

找到該實體類，添加 【省市縣鄉編碼】字段（如 addrProvince······）

④數據庫修改

加【省市縣鄉編碼】列（如 addrProvince······）

?

總結

以上是生活随笔為你收集整理的v-region 地址组件无法回显问题(选择地址保存后，打开编辑，发现刚才选择的地址【省市县乡】信息消失，信息不回显)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。