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;

 

在時間充足的情況下總結出來，以便以后查看：小小的動作，帶來大大的反饋。