el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法

今天用到饿了么的级联选择器时出现了这个报错Error in callback for watcher “options“: “TypeError: Cannot read propertie ‘level‘ of null,因为需求是在不同类型
el-cascader多选的时候默认是可以勾选所有级的选项的,如下图:
el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法_第1张图片
el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法_第2张图片
包含级联cascader的options、select的option
出现此报错的原因:在cascader、select中选择了一条数据,再更换类型,没有这条数据了就会报错,watch监听重新渲染标注一下key就好了。

解决办法:我们这里直接给其添加:key=“selectIndex”,然后在data里定义selectIndex为一个随机数, selectIndex: Math.random() * 100000000000000 。最后在watch里监听指派类型切换的时候,将selectIndex改变,这样就改变了key。
在这里插入图片描述

 sel

你可能感兴趣的:(vue2,JS实战记录,vue.js,elementui,前端)