vue關於keep-alive的小坑

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

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

 

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

 

這裏有個問題  注意！！

在緩存的頁面若是有上拉到底部刷新這種 設置了緩存 在其餘頁面拉到必定距離的時候不知道什麼鬼緩存的那個頁面也會觸發 

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

這樣就不會了

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

這裏就用下面這個方法

記錄下 之後用的到！