Element-UI级联选择器el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“

最新推荐文章于 2024-03-23 08:41:38 发布

我五岁啦!

最新推荐文章于 2024-03-23 08:41:38 发布

阅读量1k

点赞数 1

文章标签： vue.js elementui 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45466389/article/details/131182785

版权

解决办法1：和网上大多数方法一样，给el-cascader加key，改变options时给key递增但是我使用场景将el-form封装了，key是一次性获取的，没办法用这种场景

解决办法2：进入elementui源码

1.发现报错原因是options变化时，activePath未清空导致获取到的nodes为[null]然后报错

2.那我们的目的就是要把activePath清空，全局搜activePath，找哪个方法可以把它清空

3.再查哪里调用这个方法

就这俩地方，所以报错问题所在就是我们要先清空value再变化options

如果是同步任务，那么加一个this.$nextTick确保value的watch触发后再更新options

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Element-UI级联选择器el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“

解决办法1：和网上大多数方法一样，给el-cascader加key，改变options时给key递增但是我使用场景将el-form封装了，key是一次性获取的，没办法用这种场景。1.发现报错原因是options变化时，activePath未清空导致获取到的nodes为[null]然后报错。2.那我们的目的就是要把activePath清空，全局搜activePath，找哪个方法可以把它清空。就这俩地方，所以报错问题所在就是我们要先清空value再变化options。解决办法2：进入elementui源码。
复制链接

扫一扫

我五岁啦! CSDN认证博客专家 CSDN认证企业博客

码龄5年

16: 原创

77万+: 周排名

26万+: 总排名

1万+: 访问

: 等级

235: 积分

6: 粉丝

6: 获赞

4: 评论

29: 收藏

私信

关注

热门文章

分类专栏

前端 9篇
笔记 1篇
前端面试 1篇

最新评论

ElementUI Table自适应插件af-table-column的bug
我五岁啦!: <template v-for="col1 in tableCols"> <el-table-column v-if="col1.children" :key="col1.key" :min-width="col1.width" :label="col1.label" :prop="col1.key"> <template v-for="col2 in col1.children"> <el-table-column v-if="col2.children" :key="col2.key" :label="col2.label" :prop="col2.key"> <template v-if="col2.children"> <af-table-column v-for="col3 in col2.children" :key="col3.key" :label="col3.label" :prop="col3.key" :width="col3.width" /> </template> </el-table-column> <af-table-column v-else :key="col2.key" :width="col2.width" :label="col2.label" :prop="col2.key" /> </template> </el-table-column> <af-table-column v-else-if="!col1.hide" :key="col1.key" :width="col1.width" :label="col1.label" :prop="col1.key" /> </template>
ElementUI Table自适应插件af-table-column的bug
u010037116: 有好的方案吗？
javascript typeof 返回类型
我五岁啦!:
javascript typeof 返回类型
Cdf（人名）: 都是博主辛苦创作，我来支持一下，奥利给,期待大佬回访！

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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