vue 点击进入一个页面,返回跳转到之前的位置

最新推荐文章于 2023-08-25 14:05:43 发布

原创最新推荐文章于 2023-08-25 14:05:43 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue

VUE 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种在Vue.js中实现页面滚动位置记忆的方法。通过在router.js文件中定义scrollBehavior函数，可以保存和恢复滚动位置，确保用户在导航过程中获得流畅体验。

  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      if (from.meta.keepAlive) {
        from.meta.savedPosition = document.body.scrollTop
      }
      return { x: 0, y: to.meta.savedPosition || 0 }
    }
  }

在路由router.js里面写