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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

当级联选择时如果其选择内容需要动态变化时，如果没有选择就不会报错的；而当做出选择后又要动态变化级联选择器内容时，就会报错/

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

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

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

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