vue路由跳转时 总是跳转到下一个页面的底部【bug修复】

今天爱分享给大家带来vue路由跳转时 总是跳转到下一个页面的底部【bug修复】，希望能够帮助到大家。

在路由的js中加入

  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
   },

列如：

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