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

阅读：340 来源：乙速云作者：代码code

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

ElementUI组件Dialog弹窗再次打开表单仍显示上次数据

问题描述：在使用vue+element开发Dialog嵌套表单的时候，表单交数据关闭之后再次打开表单没有重置，仍显示上次输入的数据。

点击新增，显示弹窗

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

添加后，数据显示在页面中。当再次点击新增时出现以下界面：仍保留上次的数据，而且若修改表单中数据页面中的数据也会被修改。

根本原因是 form表单对象保留了上次的数据，应该将其置空。

重置方法

嵌套表单的弹窗的代码：

弹窗    //@open事件绑定打开表格时重置


    
       
            
       
       
            
       
       
            
       
       
            
       
    
  
    取 消
    确 定

将Dialog弹窗的打开事件绑定方法，然后在方法中使用this.form={}进行重置。

this.form={}这个的意思是把表单初始化为一个空对象，后期可以往这个对象里赋值。