常用的：keep-alive 路由緩存（不多解說）

但上面很多時候，因頁面需求原因，不能使用這種實(shí)現(xiàn)方式，在網(wǎng)上找了很多方法，但是都不是很好用，現(xiàn)在自己實(shí)現(xiàn)了一個還算不錯的。

image.png

首先，在vue-router中，scrollBehavior這個方法是可以打印訪問過的頁面，滾動的位置的。【注意：在刷新頁面時，不會觸發(fā)該事件】

image.png

我們可以使用vuex儲存滾動的位置（因頁面會做接口請求數(shù)據(jù)，所以要在數(shù)據(jù)渲染完成后，再進(jìn)行跳轉(zhuǎn)）

store.commit('SET_ROUTER_POSITION', savedPosition || {})

好。我們獲取到滾動的位置并且儲存后，我們在需要在指定頁面進(jìn)行頁面渲染后，調(diào)用滾動事件。

封裝mixin方法，免得每個頁面都需要寫一次

image.png

再封裝頁面滾動事件，延時300毫秒是為了安全起見，怕移動端有兼容，所以先加上

image.png

最后，頁面進(jìn)行調(diào)用

image.png

可在接口請求回來數(shù)據(jù)后，進(jìn)行調(diào)用。這樣處理網(wǎng)絡(luò)過慢問題

(技術(shù)來源：云霆信息技術(shù)滄州有限公司)

image.png