vue 下拉框选中不显示的问题

上图：

 

说明：

纠结的事情就是：这种情况出现了很多次，每次都排查很久。

出现的情况： 在几级联动需要使用到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;

 

在时间充足的情况下总结出来，以便以后查看：小小的动作，带来大大的反馈。