VUE Element-UI:級聯選擇器:Cannot read property 'level' of null


描述:當級聯選擇器內容需要動態變化時,會爆出Cannot read property 'level' of null錯誤(如果沒有選擇就不會報錯的)。

分析:這個錯誤的原因是當選擇后,再更新內容時,選擇器仍會關聯原來的數據,導致找不到之前選擇的元素。

解決:所以可以采用 重新渲染 的方式解決這個問題。

 

我采用的方式是為級聯選擇器設置一個key值(記得初始化),由此可以唯一標識級聯選擇器,如圖中的:key="refresh"

隨后在每回數據變更時,將key值進行一次變更(如key+=1),這樣就可以重新渲染級聯選擇器,可以理解為變更新的級聯選擇器,由此就可以解決以上問題。

 

天地不仁,以萬物為芻狗  ---老子


免責聲明!

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



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