element 去掉form表单的某一项单个form-Item校验

// 在执行完相应的方法,立即触发移除校验
this.$nextTick( ()=> {
    this.$refs['form'].clearValidate(['name']);
     this.$refs['form'].clearValidate(['age']);
   })

知识点:

element 去掉form表单的某一项单个form-Item校验_第1张图片

但是可能提示语清不掉:planB

let _field = this.$refs["ruleFormOS"].fields;
      console.log("_field", _field);
      _field.map((i) => {
        if (i.prop === "imageUrl") {
          //通过prop属性值相同来判断是哪个输入框,比如:要移除prop为'imageUrl'
          i.resetField();
          return false;
        }
      });

此时错误提示语就不会出现,动态清除imagesUrlr值会出现效验的问题(提交的时候),当然,有人会问:“那这样清空了,提交时候就不会进行效验了?”,其实提交的时候,调下validate这个验证方法还是会进行效验的。那就自己再处理一下了。

 onSubmit() {
      this.$refs["ruleFormOS"].validate((valid, object) => {
        console.log("valid", valid);
        let osVersionListFlag = this.form.osVersionList.every(
          (value) => value !== ""
        );
        let { system_type, name, imageUrl } = this.form;
        let myValid = osVersionListFlag && system_type && name && imageUrl;
        if (valid || myValid) {
          switch (this.form.operate) {
            case "add":
              this.appendNode();
              break;
            case "edit":
              this.editNode();
              break;
            default:
              break;
          }
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },

后续跟进中。。。



链接:https://juejin.cn/post/6844903779926556686
 

你可能感兴趣的:(element,VUE,前端,elementui)