vue關於keep-alive的小坑


在移動端里 少不了底部導航 在做底部導航的時候點擊都會重復請求 我就使用了keep-alive來緩存 每次點擊的時候走緩存

這里還有個用途就是當有列表的時候點進詳情在返回可以保存之前的滾動記錄 不會刷新頁面 用法很簡單

 

在路由文件里將要緩存的頁面使用keepAlive:true這樣每次都會走緩存

 

這里有個問題  注意!!

在緩存的頁面如果有上拉到底部刷新這種 設置了緩存 在其他頁面拉到一定距離的時候不知道什么鬼緩存的那個頁面也會觸發 

這里我用了一個土辦法來避免他滾動 給每個頁面監聽一遍路由

這樣就不會了

這里還有個問題就是設置了keep-alive的頁面其他頁面滾動的時候他也會跟着滾動

這里就用下面這個方法

記錄下 以后用的到!


免責聲明!

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



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