前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”

前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题_报错

错误是:期望​​对象​​,得到的是​​数组​

​从后台获取的数据是数组类型,需要把它改为Object​

第一种情况:

组件传值

1、父组件

前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题_报错_02

2、子组件

前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题_前台页面_03

3、报错提示

前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题_报错_04

改正

前端vue:解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题_报错_05

第二种情况:

获取数据的代码为

this.update = response.data;

改为:

this.update = response.data[0];

总结:可能大家遇到的情况都不一样,总之只要报这个错就是需要把数组改成对象就可以啦