iview-admin 關於列表資料更新,但檢視無法重新整理問題小記

weixin_34208283發表於2019-01-03

問題描述:

1789550-057b68d06de38bf9.png
表格內資料

需求:修改對應的資料項的時候,也需要把當前修改的資料項直接的更新到檢視中!

修改資料選項的時候:

1789550-0748283981d89749.png
image.png

因為修改的是整體的一個實體的資料項:
所在再更新列表資料的時候是直接的進行整體值選項的賦值更新程式碼

copy_currgoodsInfoList:是更新編輯更新後的值
goodsInfoList:是列表資料
currgoodsInfoList_index:當前需要修改資料項的列表索引值

this.goodsInfoList[this.currgoodsInfoList_index] = this.copy_currgoodsInfoList

關於VUE響應式的原理,其實之前也有提到過,但是實際在遇到新的處理資料方式的還是還是遇到了無法重新整理檢視的。

按搜尋處理問題的方式,以下的這種方法,雖然重新整理了,且檢視也有更新了,但是對於的資料列表頁有問題了,應該是什麼地方設定有問題。

his.goodsInfoList.splice(this.goodsInfoList[this.currgoodsInfoList_index], this.currgoodsInfoList_index, this.copy_currgoodsInfoList)

最終正確的重新整理的方式:

   that.$set(that.goodsInfoList, that.currgoodsInfoList_index, that.copy_currgoodsInfoList)

相關文章