ElementUI 关闭对话框清空验证和发送数据完成后清除form表单

1.先给表单绑定 ref="formDataC" 这里的formDataC就是data里面需要传输的数据。
2.给提交(取消)按钮绑定

  提交
  

3.提交事件
submitForm(formName) this.$refs[formName].resetFields();

    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          console.log(this.formDataC);
          this.$emit("formDataC", this.formDataC);
       this.$refs[formName].resetFields();
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    },

如果取消要清楚验证 上面同样的方法基础上再加一句 this.$refs[formName].resetFields();

ElementUI 关闭对话框清空验证和发送数据完成后清除form表单_第1张图片

你可能感兴趣的:(Vue,项目总结)