element中关闭对话框清除数据和校验

element清除数据和校验效果

<el-dialog
  title="会议信息"
  :visible.sync="editTemplate"
  width="900px"
  :close-on-click-modal="false"
  @close="resetForm('editForm')"
>

<el-button @click="resetForm('editForm')" >取消</el-button>

resetForm(formName) {
  this.$refs[formName].resetFields();
  this.editTemplate = false;
},

在对话框关闭和点击取消的时候对表单数据重置
resetFields()方法：对整个表单进行重置，将所有字段值重置为初始值并移除校验结果

2022-12-23
2021-04-08
2022-12-23
2021-11-19
2022-12-23
2021-08-21
2022-12-23
2022-12-23