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

解决:

在路由的js中写:

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

截图如下:

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

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

 具体可以看官方文档:

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