vue刷新數組


困擾我兩天的問題被一行代碼解決了!!!

最近在做某個功能時用到了v-for,頁面內容都是根據父頁面傳遞過來的數組生成的,但是當我改變數組內容時頁面不會跟着改變。這個問題足足困擾了我兩天時間,最終下面的一行代碼解決了我的難題:

this.$forceUpdate();

再操作完頁面數據后加上這行代碼,意思是強制刷新v-for的數據。可以解決v-for循環的值改變頁面不刷新的問題。

之所以導致頁面不刷新是由於在vue中根據下標改變數組內容時,或者改變數組長度時不會觸發頁面更新,只有push,splice 等操作數組時才會觸發頁面更新。

痛定思痛,此文謹記。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM