以上圖片是我操作完新增之后, 當再次點擊新增還會有表單驗證, 試了很多種辦法都不行, 以下是我通過網(wǎng)上查詢的方法來操作可以取消新增驗證, 但是新增完之后再次點擊新增還是會有表單驗證, 請各位大佬指點一二

html

        <div class="section_add">
          <el-dialog title="部門信息" :visible.sync="addUser" width="60%" :before-close="closeDialog">
            <div class="decorate">
              <i class="close" @click="addUserOff('ruleForm')"></i>
              <i class="bag"></i>
            </div>
            <div class="add_content clearfix">
              <el-form ref="ruleForm" :rules="rules" :model="ruleForm" label-width="165px">
                <el-col class="add_content_one">
                  <el-form-item label="部門編碼" prop="departCode">
                    <el-input v-model="ruleForm.departCode" placeholder="請輸入部門編碼"></el-input>
              </el-form>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="addUserOff('ruleForm')">取 消</el-button>
                <el-button type="success" @click="submitForm('ruleForm')">保 存</el-button>
              </span>
          </el-dialog>
        </div>

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();
      },