报错:[Vue warn]: Error in render: "TypeError: data.reduce is not a function"详解

  • 查看报错信息:[ Vue warn]: Error in render: "TypeError: data.reduce is not a function 在这里插入图片描述

  • 问题分析:本文用的是elementUI框架的el-table组件来开发的。于是可能是在赋值value赋值上的问题,从这可以看出是在StaffManagement.vue这个文件夹下216行之后报的错。于是查看代码:
    在这里插入图片描述
    发现这儿有一个赋值操作,下面有一个调用函数的操作,于是我看了上下文,发现这儿的赋值操作有误,给tableData赋值为空,并且下面调用的函数getOrderInfo1(),函数名写错了。所以vue报上面的错误

  • 问题总结:
    出现这种错误很可能是对data里面的值存在错误的赋值才会导致这种报错,或者是调用的函数不存在导致这种错误,所以请仔细查看自己的代码,通过查看报错信息来解决。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐