描述:當級聯選擇器內容需要動態變化時,會爆出Cannot read property 'level' of null錯誤(如果沒有選擇就不會報錯的)。
分析:這個錯誤的原因是當選擇后,再更新內容時,選擇器仍會關聯原來的數據,導致找不到之前選擇的元素。
解決:所以可以采用 重新渲染 的方式解決這個問題。
我采用的方式是為級聯選擇器設置一個key值(記得初始化),由此可以唯一標識級聯選擇器,如圖中的:key="refresh"
隨后在每回數據變更時,將key值進行一次變更(如key+=1),這樣就可以重新渲染級聯選擇器,可以理解為變更新的級聯選擇器,由此就可以解決以上問題。
天地不仁,以萬物為芻狗 ---老子