Vue中props傳值子組件檢測不到的解決辦法


   vue項目的開發過程中會遇到這種情況,父子組件傳值使用props,但是父組件數據動態改變時,子組件卻接收不到最新變化的數據,就好像props突然就失效了一樣。這種情況多半是vue的響應式原理失效了,監聽不到當前數據的改變

 

 

或者將數據的改變用JSON.parse(JSON.stringify(data))進行轉化,但是在去看官方文檔時就會發現其實還有更直接了當的方法,那就是對於props接收過來的數據用watch進行監聽,並給監聽的屬性加上一個immediate:true,表示初始化的時候就進行監聽。

 

原本以為監聽到數據變化時dom就應該按照預期設想的那樣進行刷新,但是發現數據層已經變化了,視圖層就是不更新,也就是未觸發響應式原理,這就需要人為的去進行掛載,這里一直用this.$set,使用如下

 

 

 


免責聲明!

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



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