// 在执行完相应的方法,立即触发移除校验
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
 

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐