困擾我兩天的問題被一行代碼解決了!!!
最近在做某個功能時用到了v-for,頁面內容都是根據父頁面傳遞過來的數組生成的,但是當我改變數組內容時頁面不會跟着改變。這個問題足足困擾了我兩天時間,最終下面的一行代碼解決了我的難題:
this.$forceUpdate();
再操作完頁面數據后加上這行代碼,意思是強制刷新v-for的數據。可以解決v-for循環的值改變頁面不刷新的問題。
之所以導致頁面不刷新是由於在vue中根據下標改變數組內容時,或者改變數組長度時不會觸發頁面更新,只有push,splice 等操作數組時才會觸發頁面更新。
痛定思痛,此文謹記。
