ElementUI组件Dialog弹窗再次打开表单仍显示上次数据的解决方法

目录

1.需求分析

2.出现的问题

3.解决方法

---

1.需求分析

需求是点击新增表单，弹出dialog窗口，确认后页面显示新增的数据

2.出现的问题

第一次新增表单页面

 结果显示：

貌似也没有问题，我们第二次进入新增表单

第一个问题就来了，新增表单默认有上次新增表单的值 ，更严重的问题来了！！！再次修改内容，上次添加的表单数据也会跟着改变

结果增加了两个相同的数据（上个数据被改变）

3.解决方法

在打开dialog的按钮绑定方法，重置表单对象

 亲测有效

补充方法(2023-7-25),现在我一般喜欢用watch监听来进行这类dialog的重置问题

  watch:{
    dialogFormVisible:{
      handler(newVal) {
        if(!newVal) {
          this.addTemplateform =  this.$options.data().addTemplateform
        }
      }
    }
  },