當前位置:編程學習大全網 - 網站源碼 - Vuekeepalive源代碼

Vuekeepalive源代碼

情況:頁面A->頁面b->頁面c,頁面A到頁面b期望頁面b不會被緩存,而頁面b到頁面c期望頁面b可以被緩存。(實際場景可以是:A是首頁,B是列表頁,C是詳情頁。B滾動頁面後,從C返回B,記錄滾動位置。)

通過路由訪問鉤子將B頁的keepAlive設置為true或false。

離開路由後,判斷to.name是否為A的路由名,如果是,則設置為false,否則設置為true。註意,頁面B上的keepAlive應該設置為true。

2.利用vuex結合路由的includes函數和路由的hook函數實現。(推薦,優雅地實現)

3.聲明壹個初始化頁面狀態,內部變量的函數,從A頁進入初始化函數,其余不執行。視圖是數據驅動的,所以可以實現效果。

  • 上一篇:如何投訴Aauto更快的平臺app?
  • 下一篇:當選擇子節點時,Element-ui el-tree默認選擇父節點。
  • copyright 2024編程學習大全網