vue 緩存頁面滑動的距離

vue的頁面緩存，都知道是用keep-alive來進行緩存的。但是keep-alive卻只能緩存頁面和頁面的數據，卻不能緩存頁面滑動之後和頂部的距離，從b頁面回到a頁面之後又是從最頂部開始的，如果頁面較短還可以，但是如果頁面很長的話，給用戶的體驗效果就會很差。這個時候就需要我們對頁面的滑動距離也進行一下緩存了，下面開始寫方法很簡單的，不用去網上搜什麼js代碼實現的：

vue-keep-scroll-position //緩存頁面滑動距離
 
//使用方法：
 
    1. 安裝vue-keep-scroll-position：
        
        npm i -S vue-keep-scroll-position
    
    2. main.js中引入
 
        import VueKeepScrollPosition from 'vue-keep-scroll-position'
 
        Vue.use(VueKeepScrollPosition)
 
    3. app.vue使用
 
        <router-view v-keep-scroll-position></router-view>

本文看自：https://blog.csdn.net/qq_43052274/article/details/90054724