首页 > 其他 > 详细

TypeError: Cannot read property 'reduce' of null

时间:2021-04-14 23:32:45      阅读:21      评论:0      收藏:0      [点我收藏+]

需求:

el-table加载数据,并且点击每项的数据,实时的加载子项。

开始数据显示正常,但是就是不出现 > 那么用户是没有办法点击以后加载子项。

技术分享图片

 

 画红框的不显示,那是没有办法加载子菜单的。

加一项就可以显示出来,row-key就可以。

技术分享图片

 

 加完以后,直接报错,虽然不影响数据的加载,但报错了,要解决下。

 

技术分享图片

 

 初始化加载数据挺正常的。数据也显示出来了,但为什么会报以上的错误。

自已看了一下,没什么问题,网上查了一下,说是版本不一致导致的。

所以试着修改了版本,改完以后,一切正常,还是报错。

从上面的错误可以看出来,initWatch应该是在初始化vue组件的时候执行了,确实一开始就会读取data.

:data = "list"

那就是list的问题了。

技术分享图片

 

 果然是null,换成[],问题解决。

 



参考链接:https://blog.csdn.net/m0_37374307/article/details/103970728

https://blog.csdn.net/weixin_42681866/article/details/99671699

 

在使用vue+elementUI展示数据时,时常会用到table的row-key属性,猫哥早期使用时时常会碰到以下报错信息“Cannot read property ‘reduce‘ of null”,网上很多资料推测是vue和elementUI版本不一致导致。经过博主排查后发现,实际致错原因亦可能是table的Data属性绑定值初始为null所致,所以只需将Data绑定的变量值改为空数组即可。

TypeError: Cannot read property 'reduce' of null

原文:https://www.cnblogs.com/jiduoduo/p/14659638.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!