Vue跳转路由后回到顶部

在使用 Vue3 写个人博客时,点击一篇博客之后我想要跳转到文章详情界面,但是跳转后该页面位置还停留在上一个路由时的位置,而实际上是需要跳转后回到顶部。

解决方法为,为路由添加以下代码:

router.afterEach(() => {
  window.scrollTo(0, 0); // 切换路由之后滚动条始终在最顶部
});
posted @ 2022-11-19 18:27  Kerolt  阅读(522)  评论(0)    收藏  举报