清除 Element 表单校验

当弹框增加与修改复用同一个弹框时（弹框与父界面在同一个页面，并且将该页面进行缓存），会出现上一次检验的提示

      // 点击打开弹框
      operate(val, row) {
        if (val != 'add') { // 修改
          this.form = JSON.parse(JSON.stringify(row));
        } else { //  新增
          // this.$nextTick 当数据更改完，dom更新完成，并且挂载完成，才会执行此函数
          this.$nextTick(() => {
            this.form = {}; // 清除表单中的值
            this.$refs.ruleForm.resetFields(); // 对整个表单进行重置，将所有字段值重置为初始值并移除校验结果
          })
        }
        this.type = val;
        this.dialogShow = true; // 打开弹框
      },

 

传送门：clearValidate()和resetFields()清除表单校验的区别

　　　　resetFields无法清空表单