vue+elementUI关掉弹出框去除表单检验结果

Posted 2020-12-24 pzw23

 <el-dialog
        title="被审单位"
        :visible.sync="dialogFromVisible"
        :before-close="cancelSetBsdw"
        width="45%"
      >
        <el-form ref="form" :rules="rules" :model="form" label-width="220px">
          
......

        </el-form>
      </el-dialog>

  cancelSetBsdw() {
      this.dialogFromVisible = false;this.$refs.form.resetFields(); //对整个表单进行重置，将所有字段值重置为初始值并移除校验结果
      // this.$refs.form.clearValidate();这个是移除表单项的校验结果
    },

我是在关闭弹出框的时候就对整个表单进行重置，将所有字段值重置为初始值并移除校验结果。