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