首页 > 其他分享 >vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object

vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object

时间:2023-06-29 09:47:53浏览次数:60  
标签:返回 vue Object Invalid prop 数组 data

一个vue列表页接收后端数组时是这样写的:

this.list = response.data

返回如下错误:

Invalid prop: type check failed for prop "data". Expected Array, got Object

意思是希望返回一个数组但实际得到一个对象Object,网上大多是初始化userList=[]或userList=null解决的,但实际上还有另一种情况是:

后端接口返回的数据的确是一个数组,出于习惯我们常常喜欢设计后端接口返回一个json对象,数据例如“{"success":true,"code":20000,"message":"成功","data":[{"id":1,"name":"1234567",...}]},

在这个json对象内部有一个自定义的data数组,但这个data并不等于response.data,所以修改如下:

this.list = response.data

 这样就好了。

记录一些不一样的解决方法,献给中国最伟大的开源博客~

标签:返回,vue,Object,Invalid,prop,数组,data
From: https://www.cnblogs.com/cocopi/p/17465507.html

相关文章

  • 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版
    前端Vue自定义简单通用省市区选择器picker地区选择器picker收获地址界面模版,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13266效果图如下:代码实现如下:cc-selectDity使用方法<!--省市区选择show:是否显示 @sureSelectArea:确认事件......
  • Vue Router 源码分析
    专栏分享:vue2源码专栏,玩具项目专栏,硬核......
  • Oracle DataGuard 监控日志同步是否正常
    1.查看备库(或者主库)的状态SETfeedoffSETlines300SETpages999COLUMNdatabase_nameheading"Database|Name"FORMATa12COLUMNdatabase_roleheading"Database|Role"FORMATa30COLUMNprotection_modeheading"Prote......
  • vue2+element-ui国际化实战不刷新页面
    背景有的时候我们做的项目需要支持中英文切换,那么我们就需要使用到vue-i18n插件步骤安装以及挂载安装vue-i18n依赖npmivue-i18n@8在src同级的目录下创建language文件下,在language文件夹下新增3个文件(index.js,en.js,zh.js)index.jsimportVuefrom"vue";importVu......
  • 在vue文件中使用 deep深度选择器
    使用场景有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到deep深度选择器。比如:App组件中定义了.title的样式,也想让Test子组件中的.title也应用对应的样式App.vue<template><divclass="app"><h1>app组件</h1><divclass="title">这是app......
  • 面向对象之绑定方法,非绑定方法,隐藏属性,property装饰器,三大特征
    绑定方法#绑定给类的方法#绑定给对象的方法classStudent():school='SH'def__init__(self,name,age,gender):#self:对象自己self.name=nameself.age=ageself.gender=gender#这个就是绑定给对象的方法,有......
  • 图书商城Vue+Element+Node项目练习(...)
    本系列文章是为学习Vue的项目练习笔记,尽量详细记录一下一个完整项目的开发过程。面向初学者,本人也是初学者,搬砖技术还不成熟。项目在技术上前端为主,包含一些后端代码,从基础的数据库(Sqlite)、到后端服务Node.js(Express),再到Web端的Vue,包含服务端、管理后台、商城网站、小程序/App,分......
  • vue 扫码枪获取条形码逻辑
    直接贴代码<template><divclass="demo-container"><el-inputonkeyup="value=value.replace(/\D|/g,'')"v-model="codeValue"ref="codeInputElem"......
  • 修改xampp中的mysql的密码报错,ERROR 1348 (HY000): Column 'Password' is not updatab
    xampp中的mysql(MariaDB)默认密码为空,进入mysql的bin目录,输入mysql-uroot-p,回车,无密码登录:查看所有数据库,选择mysql数据库:showdatabases;usemysql;使用update语句修改密码报错:ERROR1348(HY000):Column‘Password’isnotupdatable使用如下命令修改密码,并没有效果:使......
  • Winform DataGridView空间绘制单元格内容
    在项目中遇到一个需求,需将特定单元格内data显示为修饰后的内容,但不改变原始值(例如将data内的时间单位为ms,单元格需显示ms或者根据值显示特定名称)CellValueNeeded,该事件在控件刷新,需要为单元格填充数据时发生,其参数e返回当前单元格的行和列,根据行和列,获取需要的值,赋给e的Value属性......