VUE-解決無法監聽數組、對象的變化


一、vue監聽數組的變化:
1、vue能夠監聽數組變化的場景

【1】通過賦值的形式改變正在被監聽的數組;

【2】通過splice(index,num,val)的形式改變正在被監聽的數組;

【3】通過數組的push的形式改變正在被監聽的數組;

2、vue無法監聽的數組變化的場景

【1】通過數組索引改變數組元素的值;

【2】改變數組的長度;

3、VUE解決無法監聽數組變化的方法

【1】this.$set(arr, index, newVal);

【2】通過splice(index,num,val)

【3】使用臨時變量作為中轉,重新賦值數組;

二、vue監聽對象的變化
1、vue能夠監聽到對象變化的場景

【1】通過直接賦值的場景。eg:watchObj = {name:"zyk"}

2、vue無法監聽到對象變化的場景

【1】對象的增加、刪除、修改無法被vue監聽到

3、VUE解決無法監聽對象變化的方法

【1】使用 this.$set(object, key, value)(vue 無法監聽 this.set 修改原有屬性)

【2】使用Object.assign(),直接賦值的原理;(推薦使用)
————————————————
版權聲明:本文為CSDN博主「zyk_520」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_15509267/article/details/88086810


免責聲明!

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



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