vue緩存機制之動態keep-alive

使用keep-alive包裹動態組件時,會緩存不活動的組件。但是有些情況下希望使用keep-alive包裹的動態組件有些頁面需要緩存,有些頁面不需要緩存那該怎麼做呢?

vue的官方文檔提供了include和exclude來解決這個問題。

image.png

具體案例

image.png

但是,還是解決不了一些特殊的問題:如

一. 用戶前進時,總是進入新的頁面。(比如在合同列表頁反覆加載多次列表之後,進入其中一個合同詳情,再返回時,應該仍停留之前裏列表頁同一個位置,而不是重新刷新列表頁。)
二. 用戶後退時,需要能保留前一頁數據並繼續操作。(比如,記到賬時需要選擇合同,選擇合同時可以新建合同,新建合同時填了一堆數據可以去選擇客戶,在選擇客戶時又去創建了客戶,那麼這一堆操作下來應該能夠做到:創建完客戶後繼續新建合同,建完合同後繼續記該合同的到賬)

那對於這個問題要怎麼解決呢
看這篇文章吧,我還沒有去試過,捂臉
vue全棧緩存之keep-alive: 動態移除緩存

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章