element UI Form表单 input框.在数据回显之后值无法修改!

最近在写一个基于vue的前端;采用的elementUI框架;
 

场景:

编辑table[表格]中的某一行,在数据回显之后.发现 input 输入框无法修改

原因:  为了避免数据有缓存

在写代码的时候 将 定义好的 form 置为空.结果from 中定义的属性丢失

data(){
    return {
    form: {         
          name: '', 
          age: '',
          address: ''  
        }
    }
} 
   

method :{

    edit(){
        this.form={} // 原因就是我将form置为{}导致的,不是专业前端不知道如何解释.应该是数据双向绑定出了点问题  

        ...  
    
    }

}

解决方式:

将this.form = {}  删掉,不要这样写就好了