vue路由跳转时，总是跳转到下一个页面的底部

• Z时代
• 2024-01-10
• 分类：综合

解决：

在路由的js中写：

export default new Router({
  // mode: 'history',
  mode: 'history',
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  },

截图如下：

 这时候就会跳转到下一页的顶部。

 具体可以看官方文档：

https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8 

以上是 vue路由跳转时，总是跳转到下一个页面的底部 的全部内容， 来源链接： utcz.com/z/377012.html