一、 問題描述
使用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: 第一次發博客,不知道寫得好不好,如有侵權請私信我,謝謝你的觀看!