vue实现返回页面时回到原来的位置

最新推荐文章于 2024-06-14 15:42:03 发布

qdcxy0

最新推荐文章于 2024-06-14 15:42:03 发布

阅读量2.5k

点赞数 1

分类专栏： vue 随录

本文链接：https://blog.csdn.net/xx_ll_/article/details/112536003

版权

vue 同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

随录

8 篇文章 0 订阅

订阅专栏

使用vue中的导航守卫 beforeRouteEnter 与 beforeRouteLeave

  beforeRouteEnter(to, from, next) {
    next(vm => {
      // 回到原来的位置
      const position = JSON.parse(window.sessionStorage.getItem('position'))
      document.querySelector('.list-row').scrollTop = position
    })
  },
  beforeRouteLeave(to, from, next) {
    // 保存离开页面时的位置
    const position = document.querySelector('.list-row').scrollTop
    window.sessionStorage.setItem('position', JSON.stringify(position))
    next()
  }