vue3设置完overflow:auo后，跳转页面不保存滚动条位置的问题

这个问题可能是由于Vue3的新特性`<KeepAlive>`组件造成的。`<KeepAlive>`组件会缓存组件的状态和DOM，以提高性能。但是，这也意味着当你在缓存的组件之间切换时，浏览器不会重新渲染组件，因此滚动位置不会被保存。

解决这个问题的方法是使用Vue Router提供的`scrollBehavior`选项。这个选项允许你定义在页面之间切换时如何处理滚动位置。

例如，你可以在Vue Router的路由配置中添加以下代码：

const router = new VueRouter({
  routes: [...],
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  }
})

这个`scrollBehavior`函数返回一个对象，它描述了滚动位置。如果`savedPosition`存在，那么返回它，否则返回{x: 0, y: 0}，将滚动位置重置为页面的顶部。

这样，当你在缓存的组件之间切换时，Vue Router会自动保存滚动位置，并在需要时恢复它。