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

发布时间 2023-06-29 09:36:10作者: cocopi

一个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

 这样就好了。

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