欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

封装element组件是报错

程序员文章站 2022-05-30 20:07:17
...

我是使用element组件的时候报错的,本来想找到解决方法,没想到发现宝藏,这种查找问题源头的方法,真棒

装载于:https://segmentfault.com/a/1190000021939182

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

前端vue.js

发布于 3月7日

封装element组件是报错

在对vue elementUI进行组件的封装时候,发现一个报错。
封装element组件是报错
遇见问题不要换忙的去拿手机发朋友圈~呸!不要慌忙的去百度,先自己查一下报错位置。
封装element组件是报错
可以清晰的看到。我这里应该是form组件中出现问题。
然后打开VUE插件。
封装element组件是报错
这样就能看到自己出现问题在哪了,然后我们就去看elementui的form表单参数。
封装element组件是报错
然后再看看我们自己的代码
封装element组件是报错
emmm,这里要去明白这个model到底是干什么的。然后我们就可以根据需求来确定到底要不要这个。
这个绑定model是为了校验的时候获取model.name,model.age需要的。所以是个对象。但是现在我们不需要。那可以怎么做呢?
方法1: 直接去掉model,不需要校验。
方法2:还是需要校验,那么我们可以这样。

:model="{dataForm}"

这样在校验的时候我们可以dataForm[0].xxx这样来校验。

PS:记录一下。给自己多想点办法。

相关标签: 插件的使用 vue