表单校验的过程中会出现表单校验触发成功,但是上传图片后 校验信息不会自动消失的情况。如下图
使用 clearValidate()和validate()来进行取消校验和恢复校验。绑定在对应的el-form-item中加上ref 如下
<el-form-item ref="org_user_card_f" label="法人身份证反面照" prop="org_user_card_f">
<ImageUpload :limit-num="limitNumCard" :to="'org_user_card_f'" :value="org_form.org_user_card_f" @uploadImages="uploadImages" />
</el-form-item>
对应的业务处理中使用this.$refs[dataInfo.to].clearValidate()
// 图片上传成功接收图片列表
uploadImages(dataInfo) {
this.org_form[dataInfo.to] = dataInfo.value
if (this.org_form[dataInfo.to].length > 0) {
this.$refs[dataInfo.to].clearValidate()
} else {
this.$refs[dataInfo.to].validate()
}
// console.log(dataInfo)
// console.log(this.org_form[dataInfo.to])
},