校验成功后,提示文字不消失

需要把数据返回到父页面,父页面接收到数据后调用 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类型,否则还是验证报错
posted @ 2022-05-18 11:17  abcByme  阅读(551)  评论(0编辑  收藏  举报