vue使用keepalive后query传参的页面还保留着上一次页面的高度
时间: 2023-12-09 17:04:39 浏览: 171
vue params、query传参使用详解
你好!关于你的问题,当使用 Vue 的 `<keep-alive>` 组件后,页面会被缓存起来,保留上一次的状态。这也包括页面的滚动位置。如果你希望每次进入页面时都回到顶部,可以在页面组件的 `activated` 生命周期钩子中添加滚动到顶部的逻辑。
以下是一个示例:
```vue
<template>
<div>
<!-- 页面内容 -->
</div>
</template>
<script>
export default {
name: 'YourComponent',
activated() {
window.scrollTo(0, 0); // 滚动到页面顶部
},
};
</script>
```
在上述示例中,`activated` 生命周期钩子会在页面被缓存后再次激活时调用,我们可以利用 `window.scrollTo` 方法将滚动位置设置为 (0, 0),即页面顶部。
希望这个解决方案能够帮到你!如果还有其他问题,请随时提问。
阅读全文