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

使用vue中的导航守卫 beforeRouteEnterbeforeRouteLeave

  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()
  }

版权声明:本文为xx_ll_原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。