Vue element-ui el-form 表单:model 属性的作用

在表单中有v-model为每个form-item绑定后,el-form的model有没有一点都不影响,删除不写是完全没有问题的。

—————————————————————————————————————————————————

但是如果想做表单验证是必须要写的! 

目前el-form的model属性主要用表单验证的,也就是配合el-form的rules和el-form-item的prop来使用的,如果不写model,然后验证的话,会提示缺少model,导致无法验证成功。

 <fin-form :rules="rulesDialog" ref="rulesDialog" label-width="120px">

报错如下图所示:

所以我们大致了解的el-form 中 model的作用:目前看来主要是为了配合表单验证。里面的逻辑大概是,在el-form-item上写一个prop,这个prop左手对应着数据源(即用model.prop找到对应的数据源),右手对应着验证规则(即用rules.prop找到对应的规则),然后才能快乐的验证。

猜你喜欢

转载自blog.csdn.net/a1059526327/article/details/109630915