Invalid prop: type check failed for prop “model“. Expected Object, got Array

Monop

已于 2022-04-28 09:09:58 修改

阅读量1.1k

点赞数

文章标签： vue.js elementui 前端

于 2022-03-12 18:46:40 首次发布

本文链接：https://blog.csdn.net/m0_53251830/article/details/123448190

版权

出错的原因时 el-form 中的 model 需要接收的是【对象】，而当前传递的数据是【数组】
需要将当前的数组类型的数据改为Object对象类型。

当前的数据为 formList=[] 为数组形式，用个数据代替一下，

let formParam.formList = this.formList;

在el-form的model里面就使用 :model=formParam

优惠劵

Monop

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Invalid prop: type check failed for prop “model“. Expected Object, got Array

Invalid prop: type check failed for prop "model". Expected Object, got Array
复制链接

扫一扫

官方资料：Oracle 11g中的信息集成.pdf

06-22

官方资料：Oracle 11g中的信息集成数据集成技术路线图；数据迁移技术；数据联合技术；数据库网关；数据复制技术；流技术:体系架构；ELT技术；OWB；数据清洗；匹配-合并；数据对象设计-统一编辑器；...

Caused by: android.system.ErrnoException: write failed: ENOSPC (

08-18

Caused by: android.system.ErrnoException: write failed: ENOSPC (No space lef

参与评论您还未登录，请先登录后发表或查看评论

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题

最新发布

weixin_48420104的博客

04-12

211

此处发现 handleEdit函数把scope.$index也传进来了，虽然没传错，但是接受的时候也没接收没用到，而且传的顺序也有问题，所以干脆没用到就不要传。此处把scope.$index删了就可以了。一看就是非法传值，查看写的代码是否有哪些不妥地方，或者打印传入该函数得值，一步步排查。form表单点击编辑用户属性时报错。

Vue报错 Invalid prop: type check failed for prop “model“. Expected Object, got Array

songjuntao8的专栏

01-30

3735

前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 错误：期望对象，得到的是数组从后台获取的数据是List类型，需要把它改为Object this.form=[] 改为 this.form={} 或者：response.data 改为：response.data[0]; ...

type check failed for prop “model“. Expected Object, got Array

u013437812的博客

05-15

7718

Invalid prop: type check failed for prop “model”. Expected Object, got Array (期望对象，得到的是数组），因为model绑定的是对象，当用它来绑定数组时会报这个错误解决方法1：直接去掉:model=“form”，不需要校验。代码如下（示例）： <el-form ref="form" label-width="100px"> <el-form-item label="设备名称">

错误:关于Invalid prop: type check failed for prop “model“. Expected Object, got Array found in 报错

DDAD9527的博客

10-25

3398

解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题

StriplingLee的博客

04-22

4300

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题无效的属性：属性“model”的类型检查失败。预期对象，获取数组在进行清空对象的时候，自己错误的将{}写出了[]。同时如果点开这个错误信息，往下滑动，会在一大堆错误信息里面看到属于自己报错的代码行数，根据这个行数，我在自己代码附近找到相关错误信息。 / ...

2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.

01-08

1.在写循环的时候遇见这个的原创文章 96获赞 50访问量 6万+ 关注私信展开阅读全文作者：itwangyang520

启动异常invalid constant type:15的解决方案

08-26

今天小编就为大家分享一篇关于启动异常invalid constant type:15的解决方案，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧

cvc-complex-type.2.4.d: Invalid content was found

12-12

解决 cvc-complex-type.2.4.d: Invalid content was found 具体参考http://henatne.iteye.com/blog/837186

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

江咏之

09-10

7万+

前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 错误是：期望对象，得到的是数组从后台获取的数据是数组类型，需要把它改为Object 第一种情况：组件传值 1、父组件 2、子组件 3、报错提示改正第二种情况：获取数据的代码为 this.update = response.data; 改为： this.update = resp

vue报错：Invalid prop: type check failed for prop “model“. Expected Object, got Array解决

weixin_45237107的博客

11-26

5340

在用vue实现前端界面时，报错如上图所示。错误表示期望获得的是一个对象，却得到了一个数组。检查代码后发现，在绑定表单数据时错误的将insertData写成了数组的形式： data(){ return { tableData:[], dialogFormVisible:false, insertData:[{ code:'', name:'', result:'', d.

ElementUI+Vue报错：Invalid prop: type check failed for prop “model“. Expected Object, got Array

weixin_44458735的博客

11-23

1464

问题前端打开dialog对话框时，console控制台会报错：Invalid prop: type check failed for prop “model“. Expected Object, got Array （无效的属性：属性“model”的类型检查失败。预期获取对象，得到的是数组）原因 dialog中设置了一个form表单addForm，在初始化的时候，将其写为了addForm: [] export default { data() { return { addForm: []

【vue】[Vue warn]: Invalid prop: type check failed for prop “model“. Expected Object, got Array

qq_45152044的博客

03-14

2336

错误原因原因出处页面结构

VUE求助:Vue warn]: Invalid prop: type check failed for prop “model“. Expected Object, got Array.f

FFFAN_KIKI的博客

03-30

1244

Vue warn]: Invalid prop: type check failed for prop "model". Expected Object, got Array. found in ---> <ElForm> at packages/form/src/form.vue <ElDialog> at packages/dialog/src/component.vue <FoodList> at src\views\fin...

Vue-29 “Invalid prop: type check failed for prop “model”. Expected Object, got Array ”

m0_59214979的博客

12-21

553

本节：我经常遇到的vue报错。前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 错误是：期望对象，得到的是数组解决办法：把定义的变量，[ ]变成 { }，就可以了。 2.还有就是明明定义的方法，可是却找不到方法，这时候，你就得看你的methods到底放在了哪里，位置是不是错了。 ...

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

08-23

这个错误发生在变量类型不匹配的情况下。具体来说，变量期望得到一个对象，但实际上却赋值了一个数组。在你的代码中，问题出现在将res.data（数组）直接赋值给变量的地方。解决方法是将data赋值给对象。这样就可以解决类型不匹配的问题。需要注意的是，当你在一个页面中遇到这个错误时，有可能这个错误并不在当前页面，因为这个错误不会影响你的代码执行。你可以通过展开查找来发现这个问题。123 #### 引用[.reference_title] - *1* *2* [解决Vue报错解决Invalid prop: type check failed for prop “model“. Expected Object, got Array的问题](https://blog.csdn.net/weixin_51641169/article/details/126289389)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [错误:关于Invalid prop: type check failed for prop “model“. Expected Object, got Array found in ...](https://blog.csdn.net/DDAD9527/article/details/120814354)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交

Invalid prop: type check failed for prop “model“. Expected Object, got Array

出错的原因时 el-form 中的 model 需要接收的是【对象】，而当前传递的数据是【数组】 需要将当前的数组类型的数据改为Object对象类型。

“相关推荐”对你有帮助么？

出错的原因时 el-form 中的 model 需要接收的是【对象】，而当前传递的数据是【数组】
需要将当前的数组类型的数据改为Object对象类型。