3

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

:model="{dataForm}"

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

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


VivenZZ
88 声望0 粉丝