【vue】 element upload文件上传后表单校验信息还存在

解决方案一：通过增加el-checkbox-group

<el-form-item label="底图文件" prop="underlayFile">
  <!-- 解决文件上传后校验信息还存在的问题 -->
  <!-- 注意修改绑定的模型数据 -->
  <el-checkbox-group v-show="false" v-model="reproductionForm.underlayFile">
  </el-checkbox-group>
  <upload-file ref="uploadFileRef" @getFile="getFile"></upload-file>
</el-form-item>

解决方案二：自定义校验

data(){
    // 自定义验证
	let validateImage = (rule, value, callback) => { //验证器
	    if (!this.checkImgSuccess) {     //为true代表图片在  false报错
	        callback(new Error('请上传图片'));
	    } else {
	        callback();
	    }
	};
	return{
	// 模型数据
	}
}

在表单的校验规则中加入自定义的校验

rules: {
     coverImg: [{required: true, validator: validateImage, trigger: 'change'}],
},