keepAlive快取問題與解決

2021-10-07 21:34:45 字數 852 閱讀 8497

描述:

首頁頁面go1→列表頁面go2(跳轉詳情頁回來需要快取)→詳情頁面go3

思路:

在router配置meta keepalive:

需要注意的是別忘了用 keepalive 包裹 router-view。

問題1:

go3返回到go2發現列表快取了,達到了預期的效果;但是發現go2返回go1,go1再進go2頁面也快取了!此時我們需要是重新整理列表,不需要快取。

解決:

在go2頁面判斷路由去向,動態設定go2的快取keepalive:

問題2:

由於go2的快取設定,導致跳轉go3或者返回go1,會將go2的頁面title覆蓋了go3/go1的title。

解決:

在各個頁面路由進入時候再次設定title→beforerouteenter,要在next()裡設定,因為:next()裡的內容執行時機在元件mounted週期之後:

keep alive快取應用

可能你會第一時間想到created 這個生命週期函式,但是呢,當你元件設定了快取之後,你會發現再次回到這個頁面,created裡面的東西就不會在執行了,你自己可以去測試一下。後面,我了解到,用了快取的頁面,可以配合deactivated 和activated 來實現記錄進入頁面和離開頁面的事情,這二...

vue快取機制 keep alive

到現在,接觸vue也小段時間了,專案進行到了一定程度,然而專案缺少了快取機制,所以每次跳轉頁面都會重新created一下資料,雖說系統的資料請求速度很快,但是這樣做對系統的效能會有很大的壞處的,所以到這裡就要對系統優化下,新增快取了。其實到現在,對於vue還是沒有玩通,每深挖一次,就會發現一次vue...

nginx cache不快取問題的原因與解決方案

nginx.conf 部分內容 nginx不快取原因 預設情況下,nginx是否快取是由nginx快取伺服器與源伺服器共同決定的,快取伺服器需要嚴格遵守源伺服器響應的header來決定是否快取以及快取的時常。header主要有如下 cache control no cache n 如果出現這兩值,n...