为什么vue路由跳转后总是跳转到下一个页面的底部?好奇怪的bug!最近在仿网易云的时候,页面跳转到歌曲详情页面,总是跳转到页面的最底部,如何解决这个BUG?
【bug】vue路由跳转后总是跳转到页面的底部-Qui-Note
在路由router文件(src / router / index.js)中加入

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

scrollBehavior可以指定页面进入后的滚动位置

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

当然也可以滚动到指定锚点

scrollBehavior (to, from, savedPosition) {
  if (to.hash) {
    return {
      selector: to.hash
    }
  }
}

更多可以去看vue官方滚动行为scrollBehavior文档:https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8