element - - - - - el-cascader组件报错 Cannot read properties of null (reading ‘level‘)

解决Vue中el-cascader组件level报错问题
最新推荐文章于 2024-11-11 15:23:25 发布
原创 最新推荐文章于 2024-11-11 15:23:25 发布 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui

在使用el-cascader组件时遇到Cannotreadpropertiesofnull(readinglevel)的错误，解决方法是给组件添加key属性，并在切换options时改变key的值，例如使用当前时间戳。这样可以避免Vue更新视图时的缓存问题。

1. 报错展示

在使用 el-cascader组件时，遇到如下报错：
Cannot read properties of null (reading 'level')
在这里插入图片描述

2. 解决办法

给el-cascader组件添加key属性，且每次切换options时，更改一下key的值即可

示例如下：

<el-cascader :options="options" v-model="val" :key<
最低0.47元/天 解锁文章
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 8万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
vue级联(el-cascader)方式作为表格查询条件( el-cascader报错 “TypeError: Cannot read properties of null (reading ‘le)
qq_33911541的博客
12-02 827
vue级联(el-cascader)方式作为表格查询条件(下拉框) el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“
Element-UI级联选择器el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“
LJJONESEED的博客
12-23 1844
【代码】Element-UI级联选择器el-cascader报错 "TypeError: Cannot read properties of null (reading 'level')"
【Bug日记】Element-UI级联选择器el-cascader报错Cannot read property level of null
云间月
06-20 3742
????【Bug日记】 Element-UI级联选择器el-cascader报错Cannot read property level of null ????问题描述 使用element-ui 级联选择器el-cascader，其数据源options需要根据用户操作·动态切换·，此时若没有进行级联选择操作，动态切换options不会产生错误，一旦用户进行了级联选择，那么下一次切换options数据源时便会报错TypeError: Cannot read property 'level' of null*
el-cascader报错TypeError Cannot read properties of null (reading ‘level‘)
m0_67401746的博客
03-08 1495
具体是把el-cascader封装到自己的组件里，然后在使用这个自己封装的组件时发现以下错误，不影响使用，只是控制台报错。我是在一个vue文件中反复使用了这个组件。 估计问题是出现在 el-cascader 的反复渲染上，没关系，为每个级联选择器加个key 1.每次组件渲染时 手动传入个index，发现不行 2.直接在组件里给个key，在data里面设置初始值为0 当config数据发生变化时，监听改变这个key值， 齐活，收工！ ...
el-cascader，报错：Error in callback for watcher "options": "TypeError: Cannot read properties of null (reading 'level')"
最新发布
08-30
我们正在处理一个关于Element-UI级联选择器（el-cascader）的错误，具体错误信息是：`TypeError: Cannot read properties of null (reading 'level')`。根据引用[2][3][4][5]，这个错误通常发生在动态切换级联选择器...
Cannot read properties of null (reading 'level')
08-26
- *1* *2* [element - - - - - el-cascader组件报错 Cannot read properties of null (reading ‘level‘)](https://blog.youkuaiyun.com/Dark_programmer/article/details/128868104)[target="_blank" data-report-click=...
element-ui. Cascader Cannot read properties of null (reading ‘level‘) 出现异常
weixin_44994494的博客
06-17 983
项目的前提是重复使用Cascader这个组件出现问题因为重复渲染同一个组件 重复的给一个组件的options 进行赋值。会出现第一次的效果是正确的。但是后面的就出现效果偏差。报错。 增加一个key 当作表示 在进行新options赋值就进行新增操作 data 里面默认值为零 进行监听 进行key值的修改操作 完美解决...
使用el-cascader"报错TypeError: Cannot read property 'level' of null"的解决
热门推荐
qq_37253540的博客
09-11 2万+
一、问题描述 在使用Cascader 级联选择器中的el-cascader组件进行级联效果实现的时候，想要实现级联选择器中根据指定条件默认选中级联选项的效果，但是设置完默认选项之后虽然可以显示预想的效果，但是总是会报以上的错误。 二、解决方法 因为Cascader下拉进行显示的数据是由后台接口进行提供，在进行默认值显示修改时，将后台返回的数据赋值给v-model绑定的数据，进行如此的赋值是能...
TypeError: Cannot read properties of null (reading ‘level‘)
grootbaby
09-07 4626
当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）给组件设置 key（:key="resetCascader"），在data里面设置初始值为0。
el-cascader报错TypeError: Cannot read properties of null (reading ‘level‘)
在下魔王ii的博客
10-28 2万+
具体是把el-cascader封装到自己的组件里，然后在使用这个自己封装的组件时发现以下错误，不影响使用，只是控制台报错。我是在一个vue文件中反复使用了这个组件。 估计问题是出现在 el-cascader 的反复渲染上，没关系，为每个级联选择器加个key 1.每次组件渲染时 手动传入个index，发现不行 2.直接在组件里给个key，在data里面设置初始值为0 当config数据发生变化时，监听改变这个key值， 齐活，收工！ ...
vue2.0 Cannot read properties of null (reading ‘level‘) level有值但还是报错的话
qq_27806371的博客
11-11 455
elementui切radio的时候报错 Cannot read properties of null (reading 'level')估计是el-cascader里的数据没刷新之类的导致的 加上key区分一下试试。
Error in callback for watcher “options“: “TypeError:Cannot read properties of null (reading ‘level‘)
qq_45415736的博客
06-27 7901
原因是级联选择器el-cascader的属性options值在重新加载时赋值为空数组所导致。
ror in callback for watcher “options“: “TypeError: Cannot read properties of null (reading ‘level‘)“
LJJONESEED的博客
04-19 921
【代码】ror in callback for watcher “options“: “TypeError: Cannot read properties of null (reading ‘level‘)“
el-cascader报错，Cannot read property 'level' of null
jyf_568的博客
05-10 424
当前面的下拉菜单选择完毕后，值也正常赋进去，刷新的时候，也没有问题，一到选择数据的时候，请求搜索的接口，直接报错 根据报错信息点进去看了一下，发现cascader有选中项的绑定值checkedValue和点击的父节点(高亮)activePath ，就算设置了this.cascaderValue= []， cascader中的activePath还是有值，也就是点击的父节点会被记录下来，再次...
使用elementUI的el-cascader“ 报错 TypeError: Cannot read property ‘level‘ of null“，终于解决了
zhang54121的博客
11-16 1748
在封装 el-cascader后，数据回显后报错 解决方法如下： 1. 在回显时将options 设置为空即可（适用于多个级联选择器的回显），代码为： self.$refs.area.options = []（获取子组件的options，设置为空） 2. 设置 :key='cascaderId', 在获取数据后 设置 ++this.cascaderId(适用于单个选择器) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值