描述:当级联选择器内容需要动态变化时,会爆出Cannot read property 'level' of null错误(如果没有选择就不会报错的)。
分析:这个错误的原因是当选择后,再更新内容时,选择器仍会关联原来的数据,导致找不到之前选择的元素。
解决:所以可以采用 重新渲染 的方式解决这个问题。
我采用的方式是为级联选择器设置一个key值(记得初始化),由此可以唯一标识级联选择器,如图中的:key="refresh"
随后在每回数据变更时,将key值进行一次变更(如key+=1),这样就可以重新渲染级联选择器,可以理解为变更新的级联选择器,由此就可以解决以上问题。
天地不仁,以万物为刍狗 ---老子