vue中回退页面保持滚动位置不变

1. 首先，页面需要包裹在keep-alive标签中保存状态，这样离开页面不会导致页面销毁，数据仍然存在

<div id="app">
   <keep-alive>
     <router-view></router-view>
   </keep-alive>
   <main-tab-bar></main-tab-bar>
</div>

2. 设置keep-alive后，离开页面会触发deactivated函数，进入页面会触发activated函数，这样便可以在deactivated函数中记录离开时的滚动位置，在activated函数中重新设置滚动位置

activated() {
  console.log('activated');
  this.$refs.scroll.scroll.scrollTo(0,this.currentY,500)
},
deactivated() {
  console.log('deactivated');
  this.currentY = this.$refs.scroll.scroll.y
},