vue在外部方法給下拉框賦值后不顯示label的解決
更新時間：2023年10月13日 14:41:24 作者：煎餅果子就咖啡
這篇文章主要介紹了vue在外部方法給下拉框賦值后不顯示label的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue在外部方法給下拉框賦值后不顯示label
遇到一個問題，我在外部方法中給下拉框賦值以后顯示的是value值，正常應該顯示label
原代碼如下
在此處給性別賦值了
現象如下
排查后發(fā)現在此處應該是給字符串而不是數字
修改后正常
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;
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue監(jiān)聽使用方法和過濾器實現，過濾器為頁面中數據進行強化，具有局部過濾器和全局過濾器2022-06-06
readonly是Vue3中提供的一個新特性，用于將一個響應式對象變成只讀對象，這篇文章主要介紹了Vue3?中的?readonly?特性詳解,需要的朋友可以參考下2023-04-04
這篇文章主要為大家介紹了Vue3之列表動畫和狀態(tài)動畫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
vue3+arco design通過動態(tài)表單方式實現自定義篩選功能
這篇文章主要介紹了vue3+arco design通過動態(tài)表單方式實現自定義篩選,本文主要實現通過動態(tài)表單的方式實現自定義篩選的功能,用戶可以自己添加篩選的項目,篩選條件及篩選內容,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了vue 文字橫向無縫走馬燈組件的實現代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了vue頁面跳轉實現頁面緩存操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
本文主要介紹了vue樣式穿透的幾種方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
本文主要介紹了vue 面包屑導航組件封裝，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要介紹了Vue如何實現打包資源按時間戳方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
本篇文章主要介紹了詳解Vue 全局引入bass.scss 處理方案，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03