elementui 表单清空_vue + ElementUI 如何操作完新增之后关闭对话框清空验证?

以上图片是我操作完新增之后, 当再次点击新增还会有表单验证, 试了很多种办法都不行, 以下是我通过网上查询的方法来操作可以取消新增验证, 但是新增完之后再次点击新增还是会有表单验证, 请各位大佬指点一二

html

取 消

保 存

js

// 校验表单

submitForm(formName) {

this.$refs[formName].validate(valid => {

if (valid) {

this.addUserData();

} else {

console.log("error submit!!");

return false;

}

});

},

// 新增

addUserData(formName) {

this.addSuperiorDepartment();

this.$ajax

.post(this.$api.departmentData, this.ruleForm)

.then(res => {

if (res.data.status == 200) {

this.$message({

type: "success",

message: "新增成功!"

});

this.ruleForm = {};

this.addUser = false;

this.$refs[formName].resetFields();

this.ztreeData();

}

})

.catch(err => {

console.log("addUserData有异常", err);

});

},

// 新增取消

addUserOff(formName) {

this.addUser = false;

this.$refs[formName].resetFields();

},