vue element表单只检验已填写的数据格式

我们常用vue和element的form表单配合校验数据,那么如何只校验已填写的数据?这是我遇到的需求,表单保存分为暂存(saveInfo)和保存,暂存时要求只校验已填写的字段格式正确,如果不填某字段,可以暂存该字段。

建议食用前,对vue的mixin,es6的promise,promise.all,js的Object.assign(),element的form以及form的validateField方法有一定的了解。

我在element的github里面找到了我要的答案,并做了简单的修改。版本1:

因为我要校验的地方有些多,所以使用了vue的mixin(混入)方法,把该方法写成了公共方法。以下是我使用的版本2:

公共方法支持传递3个参数,form表单ref名,待检验字段数组列表,form表单v-modal的对象,如果你使用的formName是’ruleForm’也可以不传,个人习惯,也可以直接修改注册时写入的固定值。

以上是暂存方法,顺便回忆一下保存方法: