element 表单校验 当遇到上传组件时的校验添加与移除

场景：项目中表单添加有图片上传的一项， 而且图片为必传项，但是element的upload组件没有绑定值
表单检测不到
实现： 这时可以给该项添加校验 然后用表单的clearValidate方法 在上传成功后 和 校验成功后手动移除该项校验

  
      
          图片上传
        
 

在date内定义rule并添加该项的校验

rules: {
   address: [{ required: true, message: "请上传车型图片" }]
 },

上传成功后移除方法：

// 上传成功方法
    handleSuccess(response, file, fileList) {
      this.$refs.ruleImg.clearValidate();
    }

表单提交时校验移除：

submitForm() {
      
      this.$refs.ruleForm.validate(valid => {      
        if(this.form.address){//该值判断图片是否有值即图片是否有上传
          this.$refs.ruleImg.clearValidate();
        }
        if (valid) {
          this.saveData();//表单提交
        }
      });
    },