element UI Form表單 input框.在數據回顯之後值無法修改!

最近在寫一個基於vue的前端;採用的elementUI框架;
 

場景:

編輯table[表格]中的某一行,在數據回顯之後.發現 input 輸入框無法修改

原因:  爲了避免數據有緩存

在寫代碼的時候 將 定義好的 form 置爲空.結果from 中定義的屬性丟失

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

method :{

    edit(){
        this.form={} // 原因就是我將form置爲{}導致的,不是專業前端不知道如何解釋.應該是數據雙向綁定出了點問題  

        ...  
    
    }

}

解決方式:

將this.form = {}  刪掉,不要這樣寫就好了