TypeError: Cannot read property 'reduce' of null

需求:

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绑定的变量值改为空数组即可。

道法自然
原文地址:https://www.cnblogs.com/jiduoduo/p/14659638.html