vue移动端解决返回主页缓存滚动条不重置顶部的问题

我的项目是有一个带有滚动条的列表数据,当滚动条滑动好几页之后点击其中一条数据进入详情页之后,在详情页有返回按钮,返回的时候希望还在当前位置,而不是重置到顶部,对用户体验及其不好,试了好多种方法,最终也是实现啦,话不多说看代码吧

一… 首先为需要保留滚动条的组件开启缓存,在 router.js 中写上如下代码:

export default new Router({
   
  mode: 'history',
  routes: [
    {
   
      path: '/',
      component: shenpi
    },
    {
   
      path: '/submit',
      name: 'submit',
      component: submit,
      meta: {
   
        requireAuth: true
      },
    },
    {
   
      path