概念:是vue的乙個內部元件,適合用來快取不需要實時更新的元件,這樣可以保留元件狀態避免重新渲染。
props:
問題: 在需要重新請求資料的時候,依然走的快取
案例:
問題描述:
這個專案是乙個後台管理系統,由於很多元件都有走快取的原因,導致在更換賬戶之後,資料依然走的快取,並沒有載入新的資料,從而賬戶雖然已經更換,但是現實的內容還是上乙個賬戶下的內容,這時候在network也會發現,除了之前請求的資料,就沒有新資料請求的記錄了
解決方案:
方案1:如果要在進入頁面的時候獲取最新的資料,需要在activated階段獲取資料,承擔原來created鉤子中獲取資料的任務(親測,時而有效,時而
使用keep alive時,資料無法重新整理的問題
概念 是vue的乙個內部元件,適合用來快取不需要實時更新的元件,這樣可以保留元件狀態避免重新渲染。props 問題 在需要重新請求資料的時候,依然走的快取 案例中的部分原始碼 問題描述 這個專案是乙個後台管理系統,由於很多元件都有走快取的原因,導致在更換賬戶之後,資料依然走的快取,並沒有載入新的資料...
vue中keep alive實現前進重新整理後退不重新整理
利用keep alive標籤實現前進重新整理後退不重新整理 需求 路由前進式能夠重新整理資料,返回時頁面儲存之前的操作.if route.meta.keepalive 在router index.js中新增meta欄位 在對應的元件中 data created中把isfirstenter變為true...
keep alive 實現後退不重新整理並保持滾動位置
vue可以通過元素包裹元件,實現快取,下次使用時不需要重新建立該元件。但存在乙個問題 keep alive包裹的元件中有滾動元素時,keep alive不會儲存滾動位置。實現後退不重新整理主要依據keep alive元件的activated和deactivated這兩個生命週期鉤子函式。vue鉤子函...