element 表单校验 遇到不是表单元素时处理

在项目中，经常遇到表单有上传图片、文件的情况，但是这些不经过v-model控制。所以对于表单校验就不能直接通过element自带的校验处理。这里就有个问题，我又要校验其他表单内容，又要特殊处理不是表单元素的内容校验。尝试过 clearValidate 但是处理起来还是有点问题。后来发现 Form-Item 一个属性 error,可以在你需要校验的时候添加校验提示，不需要的时候清空，就可以满足我的业务需求

例：校验上传图片为必填项

image.png

 

  
        图片上传
        请上传jpg/png格式的图片
      
 

总结：1、 在表单提交时，同时进行表单校验（rules内定义的校验）、上传组件是否有文件（判断是否有图片地址）。表单校验成功后校验值是否存在，如果存在进行提交，不存在不做处理。（表单校验和上传组件需要同时校验，防止只提示一个校验错误信息，所以在表单校验成功后还需判断图片值是否存在，或者判断carImgError是否为空）
2、在图片上传成功后，需要清空校验错误信息，（最好在图片移除的时候加上错误信息this.carImgError = '请上传车型图片',但是我懒）

结束