vue--记住页面的滚动高度，再次返回该页面时自动滚动到当前高度

1、获取页面滚动高度

document.documentElement.scrollTop

2、什么时候获取页面滚动高度

路由变化，离开当前页面时，可以在以下3个方法内获取页面滚动高度并记下来

• beforeDestroy
• destroyed
• beforeRouteLeave

3、保存页面滚动高度

经过第一步和第二步已经可以在离开该页面时获取页面滚动高度了，但是由于在此返回该页面时需要再次滚动到当前高度。因此，需要把整个高度给记下来。。。。。。那么记录到哪里呢？

我们知道可以在路由信息部分添加一个savePosition:{x:0,y:0}，再通过scrollBehavior滚动到之前设置的高度上，我们就把它保存到这里

代码如下

 beforeRouteLeave(to, from, next) {
   
    this.$route.savedPosition = {
   
      x: 0<