VUE Element-UI:级联选择器:Cannot read property 'level' of null

描述:当级联选择器内容需要动态变化时,会爆出Cannot read property 'level' of null错误(如果没有选择就不会报错的)。

分析:这个错误的原因是当选择后,再更新内容时,选择器仍会关联原来的数据,导致找不到之前选择的元素。

解决:所以可以采用 重新渲染 的方式解决这个问题。

 

我采用的方式是为级联选择器设置一个key值(记得初始化),由此可以唯一标识级联选择器,如图中的:key="refresh"

随后在每回数据变更时,将key值进行一次变更(如key+=1),这样就可以重新渲染级联选择器,可以理解为变更新的级联选择器,由此就可以解决以上问题。

 

天地不仁,以万物为刍狗  ---老子

posted @ 2020-08-28 09:41  影子丿  阅读(1871)  评论(0)    收藏  举报