首页 > 其他 > 详细

el-cascader报错,Cannot read property 'level' of null

时间:2021-05-10 13:12:55      阅读:30      评论:0      收藏:0      [点我收藏+]

当前面的下拉菜单选择完毕后,值也正常赋进去,刷新的时候,也没有问题,一到选择数据的时候,请求搜索的接口,直接报错

技术分享图片

 

 

 根据报错信息点进去看了一下,发现cascader有选中项的绑定值checkedValue和点击的父节点(高亮)activePath ,就算设置了this.cascaderValue= [] ,

cascader中的activePath还是有值,也就是点击的父节点会被记录下来,再次加载cascader找不到就会报错。

 

解决: 

在推荐的博客中,看到 给cascader设置一个key,改变类型时也改变key值,key值改变了,cascader就会重新渲染

技术分享图片

 

 

 

data中设置cascaderKey默认为1,

然后再请求的接口中,设置 ++this.cascaderKey

 当options变化时,改变key值,进而实现组件重新渲染

el-cascader报错,Cannot read property 'level' of null

原文:https://www.cnblogs.com/hellofangfang/p/14750160.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!