vue el-select 設置默認值后選項無法切換


在寫vue項目時,設置頁面下拉框的默認值時,后台獲取數據綁定后,重新選擇后,一直不切換下拉值,一開始以為是綁定值錯誤,或者后台數據調用慢,后來上網查了說是頁面渲染的問題,坑人呀,現在記錄下,給大家個提示:

 

原因:出現這個問題就是綁定了對象(需求如此),render函數沒有自動更新,數據刷新了,但是視圖沒有刷新。

 

解決方案:this.$forceUpdate就是重新render。

 

雖然這種方法也可以解決問題,但是問題的根本不是,由於 JavaScript 的限制,Vue 不能檢測以下數組的變動,見vue網站文檔:

文章鏈接:https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B

所以只要把整個form的值重新賦值一下就行了

 

ps:有興趣的可以關注下我的公眾號和小程序,謝謝啦~~


免責聲明!

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



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