在 Vue 中使用 keep-alive 组件后，由于被缓存的组件并不会执行销毁和重新创建的过程，因此在组件再次激活时，滚动位置可能不会自动恢复。

如果你需要监听滚动事件并处理这个问题，可以尝试以下方法：

1. 在activated 钩子中设置滚动位置。当组件被 keep-alive 缓存并再次激活时，会触发 activated 钩子：

javascript export default { data() { return { lastScrollTop: 0 // 记录上次滚动位置 }; }, mounted() { this.lastScrollTop = window.pageYOffset || document.documentElement.scrollTop; // 初始化滚动位置 window.addEventListener('scroll', this.handleScroll); }, beforeDestroy() { window.removeEventListener('scroll', this.handleScroll); // 组件销毁时移除监听 }, activated() { document.documentElement.scrollTop = this.lastScrollTop; // 恢复滚动位置 window.scrollTo(0, this.lastScrollTop); }, methods: { handleScroll() { this.lastScrollTop = window.pageYOffset || document.documentElement.scrollTop; // 实时更新滚动位置 } } };

1. 如果是页面内部某个区域（如：div）的滚动，将 window 对象替换为该元素即可。

这样，在每次组件被激活时，都会恢复到之前离开时的滚动位置。