路由更改时如何让页面滚动到顶部？

在路由更改时，有时需要让页面自动滚动到顶部。这可以通过以下两种方法实现：

1. 使用window.scrollTo()

在路由更改后，我们可以使用window.scrollTo()方法将页面滚动到顶部。该方法接收两个参数，分别是x和y坐标。我们可以将x和y都设为0，这样就能让页面滚动到顶部了。

示例代码如下：

router.afterEach(() => {
  window.scrollTo(0, 0)
})

2. 使用scrollTo方法

除了使用window.scrollTo()方法，我们还可以使用scrollTo方法将页面滚动到顶部。scrollTo方法是HTMLElement对象的原生方法，可以在DOM元素上直接调用。使用该方法与使用window.scrollTo()方法类似，只需要将x和y都设为0即可。

示例代码如下：

router.afterEach(() => {
  document.documentElement.scrollTo(0, 0)
})

无论是使用window.scrollTo()方法还是使用scrollTo方法，我们都可以在路由更改后自动将页面滚动到顶部，提升了用户体验。