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

时间:2024-03-23 18:27:22

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

  • 查看报错信息:[ 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行之后报的错。于是查看代码:
    [Vue warn]: Error in render: "TypeError: data.reduce is not a function"报错详解
    发现这儿有一个赋值操作,下面有一个调用函数的操作,于是我看了上下文,发现这儿的赋值操作有误,给tableData赋值为空,并且下面调用的函数getOrderInfo1(),函数名写错了。所以vue报上面的错误

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