關(guān)于微信瀏覽器后退按鈕如何回到之前列表頁(yè)的指定位置

1、使用keep-alive

<keep-alive>
    <router-view></router-view>
</keep-alive>

2、使用vue-router的鉤子函數(shù)

let indexScrollTop = 0
router.beforeEach((route, redirect, next) => {
  if (route.path !== '/') {
    indexScrollTop = document.body.scrollTop //開(kāi)始切換路由前將當(dāng)前頁(yè)面scrollTop存放到變量
  }
  next()
})

router.afterEach(route => {
  if (route.path !== '/') {
    document.body.scrollTop = 0
  } else {
    Vue.nextTick(() => {
      document.body.scrollTop = indexScrollTop //路由切換完成設(shè)置scrollTop
    })
  }
})

你這個(gè)不是后退頁(yè)面刷新，而是組件重繪，要實(shí)現(xiàn)你要的功能路由篇也說(shuō)明了，可以使用滾動(dòng)行為來(lái)實(shí)現(xiàn)，不過(guò)路由模式有限制，你可以查看下文檔。

<keep-alive>
    <router-view v-if="needKeepAlive"></router-view>
</keep-alive>
<router-view v-if="!needKeepAlive"></router-view>

可以使用keepalive