0
点赞
收藏
分享

微信扫一扫

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

东方小不点 2022-04-13 阅读 37
vue.js前端

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

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

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

举报

相关推荐

0 条评论