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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。