前后端交互-数据类型不匹配(TypeError: data.reduce is not a function)-程序员宅基地

技术标签: java  vue  前端  json  

错误1:TypeError: data.reduce is not a function

错误2:TypeError: Cannot read property ‘firstName’ of undefined)**

错误原因:

response.data数据打印出来了,但是赋值的前面that.tableData却没有数据在前台打印出来。
在这里插入图片描述

看后台数据,返回的是一个对象数据类型

在这里插入图片描述

观看前端可知,接受的数据是一个数组类型,所以两者类型不一致。

在这里插入图片描述

解决方法

因为后端返回的是一个对象:UserVo对象
在这里插入图片描述
所以,将后台的数据的返回类型改成了数组的形式就好了,这样前后端数据就一致了。
在这里插入图片描述
最后看一下返回的数组类型的数据
在这里插入图片描述
或者更改前端也可以

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45969142/article/details/111998706

智能推荐

IDEA pom.xml显示灰色并被划线_pom.xml中划线-程序员宅基地

文章浏览阅读559次。在使用 IDEA 进行开发的过程中,有时候会遇到。设置保存后,可以看到。_pom.xml中划线

Python 任意字典生成 SQL(insert 语句)_python dict 转 sql-程序员宅基地

文章浏览阅读8.1k次,点赞8次,收藏16次。代码示例(复制用)dic = { 'url': 'URL', 'kw': 'KW', 'page': 'PAGE'}ls = list(dic)sentence = 'insert table_name(' + ','.join(ls) + ')values(' + ','.join(['&q_python dict 转 sql

java.sql.Timestamp与java.util.Date的相互转换_java.sql.timestamp 转java.util.date-程序员宅基地

文章浏览阅读5k次。public static void main(String[] args) throws ParseException { //测试java.sql.Timestamp取得当前的系统时间 Timestamp timestamp = new Timestamp(System.currentTimeMillis()); System.out.println("当前的系统时间java.sq_java.sql.timestamp 转java.util.date

ssm上传文件获取路径_又拍云:文件上传+下载+自定义下载路径(SSM+AJAX+JFileChooser)...-程序员宅基地

文章浏览阅读196次。这一篇是前几篇功能的总结http://blog..net/qq_36688143/article/details/79007120http://blog..net/qq_36688143/article/details/79007067http://blog..net/qq_36688143/article/details/78871406http://blog..net/qq_36688143/..._ssm设置下载路径

5G 核心网 PDU Session Release 信令流程_5g信令流程详解-程序员宅基地

文章浏览阅读1.4w次,点赞7次,收藏60次。下面来整理一下 TS 23.502 中的 UE or network requested PDU Session Release for non-roaming and roaming with local breakout 首先是信令流程图:接着是信令流程图的解读: 为什么会有PDU Session Release 流程呢?PDU Session..._5g信令流程详解

在Linux服务器上运行机器学习/深度学习python程序_linux 怎么跑python ai计算-程序员宅基地

文章浏览阅读6.3k次,点赞10次,收藏71次。日常如果我们的个人电脑满足不了某些机器学习/深度学习程序运行需求的话,一般需要在实验室或者公司服务器上跑自己的代码,这里介绍一下如何在linux服务器上运行机器学习/深度学习python程序。首先使用SecureCRT或者Xshell这种远程登录服务器软件登录你的实验室/公司服务器。由于一般用户不会获得root权限,而且系统里的Python版本一般都比较低或者一般都会缺失某些机器学习/深度学习包,那我们就需要在自己的用户文件夹下创建属于自己的虚拟环境。首先当然是要下载安装Anaconda啦。(版本和_linux 怎么跑python ai计算

随便推点

解决Win10无法访问部分Samba服务器_win10网络邻居无法访问samba主机-程序员宅基地

文章浏览阅读3.4k次。解决Win10无法访问部分Samba服务器:工作中遇到Win10无法无法访问一台Samba共享服务器,但另外一台却可以访问,应该是服务端Samba版本过低导致,最后通过搜索找到以下解决办法: 本地安全策略-计算机配置-管理模板-网络-Lanman工作站-启用不安全的来宾登录;..._win10网络邻居无法访问samba主机

什么 HashMap 的长度是 2 的幂次方?-程序员宅基地

文章浏览阅读242次,点赞3次,收藏5次。HashMap 内部使用哈希表来存储键值对,哈希表的索引计算通常使用,其中n是哈希表的长度,hash是键的哈希码。由于n是 2 的幂次方,其二进制表示形式为 1000...0,这意味着n - 1的二进制表示形式为 1111...1,这样做减少了位运算中的与运算操作,使得哈希索引的计算更加高效。当发生哈希冲突时,即多个键被映射到相同的哈希桶中,HashMap 使用链表或红黑树等数据结构来解决冲突。如果哈希表的长度为 2 的幂次方,那么当使用。

修改idea工具默认版本JDK_idea设置默认jdk版本-程序员宅基地

文章浏览阅读2k次,点赞2次,收藏7次。修改idea工具默认版本JDK_idea设置默认jdk版本

PCL点云处理之基于曲率的条件滤波 (一百四十六)_基于点的曲率滤波-程序员宅基地

文章浏览阅读466次。曲率是描述点云局部特征的重要数值,通常在建筑物边缘以及树木位置的点云曲率较大,而在地面等平面内部点云的曲率较小。设置合理的曲率阈值可以快速区分这两部分点云,条件滤波器是PCL内部灵活的滤波器,可以人为设置滤波条件,因此将二者结合,基于曲率条件进行滤波,得到符合自己理想的点。_基于点的曲率滤波

[QtWidget]Qt子窗口嵌入父窗口_qt widget大小绑定父窗体-程序员宅基地

文章浏览阅读3.3k次。1. 子窗口构造函数设置setWindowFlags(Qt::CustomizeWindowHint|Qt::FramelessWindowHint);hide();this->setParent(parent);2. 父窗口调用显示子窗口假设子窗口为ChildWidgetChildWidget *widget = new ChildWidget(this);widget-&..._qt widget大小绑定父窗体

DevExpress表格控件(GridView、GridControl)使用小结_this.gridcontrol1.datasource-程序员宅基地

文章浏览阅读7.7k次,点赞8次,收藏39次。GridControl创建表格1.点击VS“工具箱”的GridControl,在窗体上添加此控件;2.点击“RunDesigner”按钮,进入表格设计界面,点击“Columns”,添加列;3.在“Column properties”列属性中,“FileName”列字段(要与绑定的数据DataTable中的字段名一致),"Cation"(列显示的文字)“,设置完成则创建一个..._this.gridcontrol1.datasource

推荐文章

热门文章

相关标签