封装element组件是报错
程序员文章站
2022-05-30 20:07:17
...
我是使用element组件的时候报错的,本来想找到解决方法,没想到发现宝藏,这种查找问题源头的方法,真棒
装载于:https://segmentfault.com/a/1190000021939182
type check failed for prop "model". Expected Object, got Array
发布于 3月7日
在对vue elementUI进行组件的封装时候,发现一个报错。
遇见问题不要换忙的去拿手机发朋友圈~呸!不要慌忙的去百度,先自己查一下报错位置。
可以清晰的看到。我这里应该是form组件中出现问题。
然后打开VUE插件。
这样就能看到自己出现问题在哪了,然后我们就去看elementui的form表单参数。
然后再看看我们自己的代码
emmm,这里要去明白这个model到底是干什么的。然后我们就可以根据需求来确定到底要不要这个。
这个绑定model是为了校验的时候获取model.name,model.age需要的。所以是个对象。但是现在我们不需要。那可以怎么做呢?
方法1: 直接去掉model,不需要校验。
方法2:还是需要校验,那么我们可以这样。
:model="{dataForm}"
这样在校验的时候我们可以dataForm[0].xxx这样来校验。
PS:记录一下。给自己多想点办法。
上一篇: Vue ,Element-ui中el-menu使用阿里图标
下一篇: npm设置淘宝镜像
推荐阅读
-
vue element-ui之怎么封装一个自己的组件的详解
-
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
-
vue 基于element-ui 分页组件封装的实例代码
-
element-ui 弹窗组件封装的步骤
-
vue基于element-ui二次封装分页组件
-
基于element-ui封装可搜索的懒加载tree组件的实现
-
vue封装element组件库中的封装通用table,是否启用多选、按钮及是否分页,样式可自定义设置
-
vue element-ui 分页组件封装
-
详解如何在vue+element-ui的项目中封装dialog组件
-
VUE2.0+Element-UI+Echarts封装的组件实例