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绑定的变量值改为空数组即可。
道法自然
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步