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

2024-01-09 13:35:55

今天用到饿了么的级联选择器时出现了这个报错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

文章来源:https://blog.csdn.net/qq_37635012/article/details/135386509
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。