首页 > 其他分享 >data.includes is not a function

data.includes is not a function

时间:2024-08-08 22:55:37浏览次数:9  
标签:function code 07 28 includes 2024 null data createTime

一.省流:

前后端交互的数据格式不一致,前端需要的是一个数组,而后端发送的是一个对象

二、情景再现

前端需要一个数组,进而显示用户列表

let userList = ref([])

由于后端是一星期前写的,写完后端之后就一直在弄前端,所以忘记了后端其实传的的是PageBean对象

public Result<PageBean<User>> list

其中在开发后端时,使用PostMan测试时传的结果如下,所以一直默认传的是数组

"data": {
        "total": 5,
        "items": [
            {
                "id": 25,
                "phone": "*********",
                "username": "*****",
                "age": **,
                "gender": "*",
                "createTime": "*****",
                "updateTime": "****",
                "code": 0,
                "avatarUrl": "https://www.baidu.com/"
            },
            {
                "id": 26,
                "phone": "*********",
                "username": "*********",
                "age": null,
                "gender": null,
                "createTime": "2024-07-28 11:43:20",
                "updateTime": "2024-08-08 20:36:56",
                "code": 0,
                "avatarUrl": null
            },
            {
                "id": 27,
                "phone": "*********",
                "username": "慈诫筋俊播",
                "age": null,
                "gender": null,
                "createTime": "2024-07-28 11:48:32",
                "updateTime": "2024-07-28 16:39:35",
                "code": 0,
                "avatarUrl": null
            },
            {
                "id": 28,
                "phone": "*********",
                "username": "锯遗稻珊猪",
                "age": null,
                "gender": null,
                "createTime": "2024-07-28 11:52:55",
                "updateTime": "2024-07-28 16:39:35",
                "code": 0,
                "avatarUrl": null
            },
            {
                "id": 29,
                "phone": "*********",
                "username": "机别冲反霹",
                "age": null,
                "gender": null,
                "createTime": "2024-07-28 12:24:08",
                "updateTime": "2024-07-28 17:12:44",
                "code": 0,
                "avatarUrl": null
            }
        ]
    }

再将后端稍作修改,发送数据的格式为:Result<List<User>>后,代码成功运行

标签:function,code,07,28,includes,2024,null,data,createTime
From: https://blog.csdn.net/c335000/article/details/141036732

相关文章

  • Linux-USB驱动笔记-Gadget Function驱动
    1、前言在Linux-USB驱动笔记(四)–USB整体框架中有説到GadgetFunction驱动,下面我们来具体看一下。GadgetFunction就是指设备的功能,比如作为U盘,需要文件存储的功能,则需要FileStorage驱动,这个驱动也称为Function驱动。2、GadgetFunction驱动Function驱动只是利用通用的API,并......
  • Datawhale AI 夏令营社市场博弈第三弹:
    时间存在的意义就是就是任何事都不可能立刻实现——阿尔伯特•爱因斯坦序言第三次打卡开启,第三弹笔记随之而至~还是老朋友,更多详情可以看Datawhale的baseline文档:https://linklearner.com/activity/12/2/14看到baseline中的强化学习和时间序列挖掘比较感兴趣,接下来将针对这......
  • CH2~CH5 DataStream API基础
    一个Flink程序,就是对DataStream进行各种转换。基本上由以下几部分构成接下来分别从执行环境、数据源、转换操作、输出四大部分,介绍DataStreamAPI。导入ScalaDataStreamApiimportorg.apache.flink.streaming.api.scala._CH-5DataStreamAPI基础一、执行环境1.1创建执......
  • [python][代码]Python中操作DataFrame的常用方法
    Python中操作DataFrame的常用方法主要依赖于pandas库,这是一个功能强大的数据分析工具。以下是一些基本和常用的DataFrame操作方法:1.创建DataFrame:pythonimportpandasaspddata={'Column1':[1,2,3],'Column2':['a','b','c']}df=pd.DataFrame(......
  • AIGC的第一次尝试#Datawhale AI夏令营第四期#有奖赛事
    目录挑战赛内容挑战赛奖励实践过程Step1(获得免费的Linux云计算主机)Step2(配置训练环境)成品展示总结一、任务概述二、学习收获三、反思与展望拓展提示词常见训练参数一键AI生成图片体验Datawhale2024年AI夏令营第四期的学习活动(“AIGC”方向)该活动为面......
  • 用Manim实现函数图像的的绘制【FunctionGraph】
    一,介绍在这个上下文中,函数是指变量之间的数学关系。当我们可视化这些函数时,我们使用对象来表示这些函数的图形。函数FunctionGraph(函数图)这个类表示一个由显式方程  定义的函数图。它是 ParametricFunction 的一种特殊类型,默认情况下会跨越整个场景的长度。这意味着......
  • IgniteFAQ-9-DataRegion OOM
    报错示例:[type=CRITICAL_ERROR,err=classo.a.i.i.mem.IgniteOutofMemoryException:Outofmemorytaregion[name=default,initsize=10.0MiB,maxsize=5.0GiB,persistenceEnabled=false]Trythefollowincreasemaximumoff-heapmemorysize(DataReglonconfiguration.maxs......
  • IgniteFAQ-2-CacheWriterException: Failed to write entries in database
    ignite同步或者异步落库数据到DB时,如果因为落库的数据不满足db库的要求,如长度、精度、nonull等限制,就会出现落库失败报Failedtowriteentriesindatabase错误。ignite异步落库默认时5秒或者10240条flush一次,失败的数据会不断尝试,当存在一条数据以为数据库要求失败时,会卡住此表......
  • Labels and Databases for Mac( 数据库标签制作软件)1.8.2中文版
    LabelsandDatabasesforMac一款数据库标签制作和设计软件。LabelsandDatabases版可以帮助您使用各种内置标签格式创建标签、信封和卡片,并使用用户数据库中包含的信息填充它们,即使用MailMerge创建和打印标签。LabelsandDatabasesforMac软件下载地址Labelsand......
  • 清除 Nuxt 数据缓存:clearNuxtData
    title:清除Nuxt数据缓存:clearNuxtDatadate:2024/8/6updated:2024/8/6author:cmdragonexcerpt:摘要:本文详细介绍了Nuxt.js框架中的clearNuxtData方法,用于清除useAsyncData和useFetch缓存的数据、错误状态和待处理promises,以实现数据的实时更新和重载。通过实际......