vue表格繫結資料中的值發生改變時，表格未重新整理
阿新 • • 發佈：2021-10-18
最近在做一個頁面互動時，涉及到的層級比較深，陣列中含有陣列，頁面中一層迴圈，二層迴圈中展示表格資料，然後在開發過程中，出現了新增，編輯，詳情等情況
當處理編輯時，因為又涉及到資料比較去重等問題，導致正常的一處理出現了問題，通過深拷貝實現表格中一行資料的處理後發現頁面上未更新最新的資料但是控制檯輸出的資料確是已修改，為此查找了一些方法，經試驗，Vue.set可以實現表格資料更新
呼叫方法：Vue.set( target, key, value )target：要更改的資料來源(可以是物件或者陣列)
key：要更改的具體資料（在陣列中，寫下標；初始用時未能領悟，直接將當前陣列賦值，導致實驗失敗）
value ：重新賦的值 let artificers = this.orgWorkstationVos[this.curIndex].orgWorkstationArtificerVos let orgWorkstationVos =this.orgWorkstationVos Vue.set(artificers,this.rowIndex, data) 如上就是操作程式碼