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

御风傲天

已于 2022-08-13 13:52:54 修改

阅读量6.1k

点赞数 1

分类专栏： element VUE 文章标签：前端 elementui

于 2022-08-13 11:08:36 首次发布

本文链接：https://blog.csdn.net/yufengaotian/article/details/126316830

版权

VUE 同时被 2 个专栏收录

14 篇文章 2 订阅

订阅专栏

element

12 篇文章 0 订阅

订阅专栏

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

知识点：

但是可能提示语清不掉：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