vue 雙向綁定 數據修改但頁面沒刷新


在數據改動的代碼后加

this.$forceUpdate();

若是在某個特定方法中

則將this改為方法中設定的名稱

補充:

有時候可能會出現以上的方法也無法使頁面刷新時,即可能是因為雙向數據綁定中,監聽未生效

例如,改變了數組中的某一項或者改變了對象中的某個元素時,監聽則未生效。

出現這種改變數組或對象的情況時,則需要用一些非常的手段

數組若要觸發監聽,則有一些方法即可觸發

如:splice()   push() 等js方法

當然了,也可以使用vue中的方法 this.$set(object, index, new)


this.$set()方法是vue自帶的可對數組和對象進行賦值,並觸發監聽的方法。

第一個參數為你要改變的數組或對象

第二個參數為下標,或者元素名稱

第三個參數為新值

完畢!


免責聲明!

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



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