前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910151831570.png#pic_center)
错误是:期望对象
,得到的是数组
从后台获取的数据是数组类型,需要把它改为Object
第一种情况:
组件传值
1、父组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910152303352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ppQ2hlbl9KaWFuZw==,size_16,color_FFFFFF,t_70#pic_center)
2、子组件
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910152428526.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ppQ2hlbl9KaWFuZw==,size_16,color_FFFFFF,t_70#pic_center)
3、报错提示
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910152539411.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ppQ2hlbl9KaWFuZw==,size_16,color_FFFFFF,t_70#pic_center)
改正
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910152708626.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1ppQ2hlbl9KaWFuZw==,size_16,color_FFFFFF,t_70#pic_center)
第二种情况:
获取数据的代码为
this.update = response.data;
改为:
this.update = response.data[0];
总结:可能大家遇到的情况都不一样,总之只要报这个错就是需要把数组改成对象就可以啦