使用elementUI 的 el-cascader 报错 TypeError: Cannot read property ‘level‘ of null“ 的解决办法

参考:https://www.cnblogs.com/vickyzhang/p/13589124.html

前言:在使用element-ui 的 层级选择器中,要求动态改变层级选择器的下拉数据,当替换下拉的option值的时候,如果层级选择器中有选中值,那就会报错error.js?c738:16 TypeError: Cannot read property 'level' of null

在这里插入图片描述

在这里插入图片描述

根据报错信息,发现cascader在选中项的绑定值checkedValue和点击的父节点activePath ,就算设置了this.cascaderValue= [] ,cascader中的activePath还是有值,就是说点击的父节点会被记录下来,再次加载cascader因为找不到父节点就会报错。

解决办法:
在组件el-cascader组件中设置key属性,修改option时修改key的值,这样就行了。
在这里插入图片描述

posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(16)  评论(0编辑  收藏  举报