Cannot read property ‘level‘ of null 的解决办法

最新推荐文章于 2025-04-27 19:40:59 发布

原创最新推荐文章于 2025-04-27 19:40:59 发布

· 8k 阅读

1 ·

版权

文章标签：

#javascript #vue.js #elementui

博客介绍了使用Element级联选择器时的报错原因及解决方法。报错是因点击或选中父节点改变榜单类型，使Cascader的options动态改变，绑定数值在下拉选项中不存在。解决方法是给Cascader设置key值，改变榜单类型时同步改变key值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用element 级联选择器的时候，报Cannot read property 'level' of null 的错误

报错原因

因为Cascader下拉进行显示的数据是由后台接口进行提供，在进行默认值显示修改时，将后台返回的数据赋值给v-model绑定的数据，进行如此的赋值是能够实现默认值改变显示的，但是在改变榜单类型后，Cascader的options动态的进行了改变，使得Cascader的绑定数值在下拉选项中不存在。总之就是因为点击或者选中了父节点改变了榜单的类型，从而options进行动态得改变了，改变之后因为没有了这个父节点就会产生报错。当然，只要activePath 不改变就会产生报错。