vue element-ui Table數據解除自動響應方法

在對列表Table進行數據編輯時,會存在table的增刪改操做後,列表view也自動響應發生了變化,緣由是賦值的數據是一個引用類型共享一個內存區域的。因此咱們就不能直接連等複製,須要從新克隆一份新的數據來改變內存數據指向,方法以下:

//當原數據類型爲object
  this.objectInfo=Object.assign({}, oldObject)  //從新生成一個新的對象
//當原數據類型爲Array
  this.newArray = oldArray.slice(); //slice方法會返回一個新的數組
//通用方法
  this.anyData = JSON.parse(JSON.stringify(oldData)) //經過JSON方法返回新的數據
相關文章
相關標籤/搜索