vue 資料更新了,但陣列操作沒有使用最新資料

2022-06-14 17:18:09 字數 551 閱讀 7846

在寫vue專案,碰見乙個問題,可把我愁死了。這首先有乙個動態屬性,它是乙個陣列物件,然後乙個元件繫結了該屬性裡面的值,觸發事件也會動態改變該值。大概是這樣:

data(),,]

}

後面就是對list進行過濾操作了,我想過濾出count不等於0的元素。然而發現,即使資料更新了,這個操作卻還是在之前資料的基礎上過濾的:(這個問題出現在第一次觸發的時候)

changecount(item)
想得要死要活也不知道為什麼,最後憑著「試試」的想法,用了this.$nexttick就解決了。

changecount(item))

}

官方對這個方法的解釋是:在下次 dom 更新迴圈結束之後執行延遲**。在修改資料之後立即使用這個方法,獲取更新後的 dom。

但我尋思著這也不存在dom沒有及時更新的問題啊。算了不想了,解決就好。

VUE 陣列更新

1 資料方法分類 1 原陣列改變 push pop unshift shift reverse sort splice 2 原陣列未變,生成新陣列 slice concat filter map 對於使原陣列變化的方法,可以直接更新檢視。對於原陣列未變的方法,可以使用新陣列替換原來的陣列,以使檢視發...

Vue資料發生改變但頁面卻沒有實時更新

1 watch或者computed監聽到資料的變化但是頁面卻沒有實時更新 在資料改動的 後加this.forceupdate 新增this.forceupdate 進行強制渲染,效果實現。因為資料層次太多,render函式沒有自動更新,需手動強制重新整理。2.沒有監聽到資料的變化 例如 改變了陣列中...

vue更新陣列和物件

vue更新陣列和物件 陣列更新檢測 更改陣列物件 let items this.formvalidate.items items.map item,index item,this.set this.formvalidate.items,index,item 複製 問題彙總 修改hosts c win...