vue 數據修改但頁面沒刷新


1.watch監聽到數據的變化但頁面沒有刷新

在數據改動的代碼后加  this.$forceUpdate();

添加this.$forceUpdate();進行強制渲染,效果實現。因為數據層次太多,render函數沒有自動更新,需手動強制刷新

2.沒有監聽到數據的變化

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

數組若要觸發監聽,下面方法即可觸發

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

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

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

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

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

第三個參數為新值

例:

 this.$set(
       _this.answerList[index],
       'imageUrlString',
        result,
 );
                     

  


免責聲明!

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



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