原文：Vue 緩存當前頁面keep-alive
需求： 產品經理在列表頁 幾千個數據，n個page 點擊某一項進去到詳情頁后，再返回到列表頁發現頁面回到了第一頁，找不到之前的查看的是哪一條了，為了方便咋公司產品經理，返回列表頁時需要記住之前的page頁 解決思路： 在列表頁點擊某一條進入詳情頁的時候，觸發當前頁面的keep alive緩存頁面 解決步驟： .設置路由 需要緩存的路由設置keepAlive : true,不需要緩存的路由設置kee ...
2019-05-14 18:50 0 972 推薦指數：
相關推薦
做vue項目時，有時要在某些頁面做緩存，而其它頁面不要。比如：A：首頁，B：獲取所有訂單頁面，C：訂單詳情頁面；從A(首頁）進入 B（獲取所有訂單）時應該不緩存，B(所有訂單)進入 C（訂單詳情）訂單后時再返回B，此時B(所有訂單頁面)緩存。不需要再次刷新，即：A->B->C時都是刷新 ...
keep-alive keep-alive是Vue提供的一個抽象組件，用來對組件進行緩存，從而節省性能，由於是一個抽象組件，所以在v頁面渲染完畢后不會被渲染成一個DOM元素 <keep-alive> <loading></loading> ...
獲取緩存頁面； 實現方式：keep-alive、vuex、路由鈎子函數beforeRouteEnte ...
prop: include: 字符串或正則表達式。只有匹配的組件會被緩存。 exclude: 字符串或正則表達式。任何匹配的組件都不會被緩存。 在2.1.0版本Vue中 常見用法： // 組件 export default { name: 'test-keep-alive ...
mode:hash模式下： HTML部分： <template> <div id="app"> <keep-alive> <!--使用keep-alive會將頁面緩存--> <router-view v-if ...
專屬生命周期 用於子組件緩存，可以讓子組件緩存還是不緩存 網上找的很不錯， 1、直接使用 include - 字符串或正則表達，只有匹配的組件會被緩存 exclude - 字符串或正則表達式，任何匹配 ...