el-cascader手動賦值后,input框不回顯的取巧解決方法


一、 問題描述

使用el-cascader級聯框,在添加默認值,v-model綁定的值是修改到了,但是input不顯示,還是顯示的無內容時候會出現的placeholder

二、 解決過程

1、 查閱度娘之后,發現可能是數據修改的時候,級聯的options的綁定數據還沒請求下來,所以首先嘗試

this.$forceUpdate()強制更新渲染,很好,沒有作用。
2、 看到有網友使用v-if去控制el-cascader級聯框,目的也是重新渲染,以求達到回顯
代碼如下,用v-if+變量,去控制el-cascader的顯示,賦值前false,賦值后才賦值為true

 

 結果: 沒有作用,失敗告終。

3、一番搜索,看到有網友在第二種的基礎,想出了一個騷操作,反正都是顯示,用個標簽疊上去也是顯示,

就是先平時隱藏el-cascader級聯的輸入框,用個標簽疊在上面顯示,要改值的時候才隱藏這個標簽。(比較復雜,我差點就想用這個方法去解決問題了)

4、最終!最騷的操作來了,神來之筆我感覺是的,有老哥用

 

 

真的神奇的腦回路,太服氣了,直接用placeholder做回顯,只要再改改樣式,就完全一樣了,完美。

三、 心得

1、知曉了el-cascader級聯組件在回顯的處理可能還有bug(根據國內網友的發言得出,不保證准確性)

2、知曉了問題解決的方法有很多,還有更多更有趣(騷氣)的操作,等待我們工程師去發現去探索。

 

ps: 第一次發博客,不知道寫得好不好,如有侵權請私信我,謝謝你的觀看!

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM