需要把数据返回到父页面,父页面接收到数据后调用 this.$refs.formValidate.validateField('XXXX') 来重新校验表单,因为已经收到数据,所以校验通过,红色提示文字就会消失
例如
<FormItem label="图标1:" prop="iconFirst" ref="imgM1"> <Upload uploadType="verso" @getVersoImg="getVersoImg1" :upImg="parkItemForm.iconFirst" ></Upload> <div>支持扩展名:.jpeg .jpg .png,不大于5M</div> </FormItem>
iconFirst: [ { required: true, message: "请上传图片", trigger: "change" }, ],
getVersoImg1(data) { this.parkItemForm.iconFirst = data; this.$refs.parkItemForm.validateField("iconFirst"); },
或者
this.$refs.fromItemDataRef.fields[11].validateMessage = "";
只是
trigger: "change" 需要将change 改成blur,
不管哪种类型 都要注意 type类型,否则还是验证报错