TypeError: data.reduce is not a function:数据类型不匹配

错误展示:


错误分析:

首先来看看前端代码:我表格绑定的数据模型是tableData,而我tableData定义的是一个数组

其次看看后端给的数据:

传递的是一个对象,而不是一个数组!

这样原因就找出了:这是由于前后端数据类型不匹配造成的!


解决方案

修改后端数据类型为数组:

此时再次刷新前端页面:

数据成功导入且没有报错!

相关推荐
小彭努力中6 小时前
205.Vue3 + OpenLayers:加载动画,采用 CSS 的 @keyframes 方式
前端·css·vue.js·openlayers·cesium·webgis
木斯佳6 小时前
前端八股文面经大全:上海威派格前端实习(2026-05-07)·面经深度解析
前端
_Twink1e6 小时前
基于Vue的纯前端的库存销售系统
前端·vue.js·vue·web
iCxhust7 小时前
8086/8088单板机VSCode集中环境开发编译(第二版整理)
ide·vscode·嵌入式硬件·编辑器·嵌入式·微机原理·8086最小系统
幽络源小助理7 小时前
音频在线剪切助手网页版源码 – 纯前端HTML单文件免费分享
前端·音视频
陈振wx:zchen20087 小时前
前端-面试题-Vue
前端·vue.js
计算机安禾7 小时前
【c++面向对象编程】第5篇:类与对象(四):赋值运算符重载
java·前端·c++
Moment7 小时前
从 beginWork 到 completeWork,Fiber 树是怎么“盖”出来的❓❓❓
前端·javascript·面试
Java面试题总结7 小时前
.NET 8 Web开发入门(三):解构引擎——依赖注入(DI)与中间件管道
前端·中间件·.net
不会写DN7 小时前
为什么需要 @types/react? 解决“无法找到模块 react 的声明文件”报错
前端·react.js·前端框架