vue項目,實現頁面返回記住滾動條上次瀏覽位置


方法一:使用vue-router 的,scrollBehavior 

 
        

 

 

 

項目使用的是   history模式,   hash模式(不知道是否可行)

 

 1 在router路由中開啟 scrollBehavior

const router = new VueRouter({ mode: 'history', routes, scrollBehavior (to, from, savedPosition) { // to訪問的頁面 from當前的頁面 savedPosition返回{x:0,y:0} 分別代表x軸和y軸的滾動條(scrollTop)
        if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } } })

  2 在app.vue中開啟keep-alive 緩存

      <keep-alive>
        <router-view/>
      </keep-alive>

 

 

方法2,

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM