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

本文主要是介绍el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天用到饿了么的级联选择器时出现了这个报错Error in callback for watcher “options“: “TypeError: Cannot read propertie ‘level‘ of null，因为需求是在不同类型
el-cascader多选的时候默认是可以勾选所有级的选项的，如下图：


包含级联cascader的options、select的option
出现此报错的原因：在cascader、select中选择了一条数据，再更换类型，没有这条数据了就会报错，watch监听重新渲染标注一下key就好了。

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

 sel

这篇关于el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---