vue路由跳转到新页面底部而不是顶部

Question

使用vue路由的时候跳转到新页面，但是由于页面比较长默认到了页面的底部，怎么才能进到路由组件的时候，不默认到底部而是到顶部？？？（一个页面只有一个路由不包含子路由）

Answer 1

router.afterEach((to, from, next) => {
    window.scrollTo(0, 0);
});

Answer 2

const router = new VueRouter({
  // routes: routes
  mode: 'history',
  routes: routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  }
})