data.includes is not a function

云起&

于 2024-08-08 21:39:35 发布

阅读量597

点赞数 20

文章标签： vue

本文链接：https://blog.csdn.net/c335000/article/details/141036732

版权

一.省流：

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

二、情景再现

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

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>>后，代码成功运行