Vue.js 在 setTimeout 之后滚动到新页面路由的顶部

Question

当滚动到新路线的顶部是即时的时，我的页面转换效果不佳。我想在它自动滚动到顶部之前等待 100 毫秒。以下代码根本不会滚动。有办法做到这一点吗？

export default new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'Home',
            component: Home
        }
    ],
    scrollBehavior (to, from, savedPosition) {
        setTimeout(() => {
            return { x: 0, y: 0 }
        }, 100);
    }
})

Answer 1

现在 Vue 原生支持，使用 scrollBehaviour，像这样:

export default new Router({
  scrollBehavior() {
    return { x: 0, y: 0 };
  },
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    }
  ],
  mode: 'history'
});

More here .