vue返回上一页位置,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() }