上图:
说明:
纠结的事情就是:这种情况出现了很多次,每次都排查很久。
出现的情况: 在几级联动需要使用到el-select组件。
在添加的时候没有出现这样的问题,但是在修改的时候很容易出现。
特别是讲将 form.a 赋值给form.b这就会出现一种情况,form.a的改变老是影响form.b
对比:
错误的代码:
var resp = response.data;
this.form = resp;
this.form.cityId = resp.cityName;
this.form.provinceId = resp.provinceName;
本来的response的data里面有cityId的值和provinceId的值, 但是我们又重新的赋值了一次。
改正之后的代码:
var resp = response.data;
// 此处解决选择市之后不展示label的情况
this.form.cityId = resp.cityName;
this.form.provinceId = resp.provinceName;
this.form.id = resp.id;
this.form.bankName = resp.bankName;
this.form.branchName = resp.branchName;
this.form.branchId = resp.branchId;
this.form.bankCode = resp.bankCode;
在时间充足的情况下总结出来,以便以后查看:小小的动作,带来大大的反馈。