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

使用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()
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容