el-dialog做新增和编辑关闭时重置表单数据并清除提示

我们在做新增和编辑共用一个弹窗时,弹窗关闭后需要重置el-form的数据并清空提示,如果是先编辑关闭的,那么resetFields方法会把编辑的数据做为初始化的数据,所以在打开新增时就会看到数据状态并没有清空,校验提示也在,解决方法:

onClose() {
      this.$refs.form.resetFields();
      Object.assign(this.formData, this.$options.data().formData);
},

在el-dialog关闭的回调里写上这一段即可.