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