在vue js中，在路线更改视图中滚动到新页面的顶部

Question

我已经试过了$router.replace(…(在路由器链接上，但似乎不起作用，有没有默认的vue方法可以在不使用任何第三方库的情况下进行同样的操作？

Answer 1

创建路由器实例时，您可以提供scrollBehavior功能，该功能将帮助您在导航到新路由时滚动到顶部：

const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return desired position
}
})

有关更多详细信息，您可以按照https://router.vuejs.org/guide/advanced/scroll-behavior.html#async-滚动