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

错误展示:


错误分析:

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

其次看看后端给的数据:

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

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


解决方案

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

此时再次刷新前端页面:

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

相关推荐
LCG元1 小时前
Vue.js组件开发-如何实现异步组件
前端·javascript·vue.js
Lorcian1 小时前
web前端12--表单和表格
前端·css·笔记·html5·visual studio code
问道飞鱼1 小时前
【前端知识】常用CSS样式举例
前端·css
wl85111 小时前
vue入门到实战 三
前端·javascript·vue.js
ljz20162 小时前
本地搭建deepseek-r1
前端·javascript·vue.js
爱是小小的癌2 小时前
Java-数据结构-优先级队列(堆)
java·前端·数据结构
傻小胖2 小时前
vue3中Teleport的用法以及使用场景
前端·javascript·vue.js
wl85113 小时前
Vue 入门到实战 七
前端·javascript·vue.js
Enti7c3 小时前
用 HTML、CSS 和 JavaScript 实现抽奖转盘效果
前端·css
LCG元3 小时前
Vue.js组件开发-使用Vue3如何实现上传word作为打印模版
前端·vue.js·word