<a-form-model-item prop="cardCodeImg" ref="cardCodeImg">
<j-image-upload
change="imgUpladChange"
v-model.trim="formState.cardCodeImg"
>
</j-image-upload>
</a-form-model-item>
imgUpladChange() {
if(this.formState.cardCodeImg){
this.$refs.cardCodeImg.clearValidate();//清空提示信息
}else{
this.$refs.deadInfoForm.validateField('cardCodeImg');//单项验证
}
}
业务场景:
在使用上传组件的时候,当出现提示'上传图片不能为空'时,此时我们上传了图片,然而提示消息并不会随之消失。
解决思路:
在组件外层的 <form-model-item/> 标签上加一个ref, 组件上定义一个change方法
如上代码块,在图片上传之后,会触发方法,然后在方法体内,做逻辑判断,有值时清空,无值时进行单项验证。
不过应该还有其他很多办法,这种相对应该比较简单。