vue使用keepalive后query传参的页面还保留着上一次页面的高度

你好！关于你的问题，当使用 Vue 的 `<keep-alive>` 组件后，页面会被缓存起来，保留上一次的状态。这也包括页面的滚动位置。如果你希望每次进入页面时都回到顶部，可以在页面组件的 `activated` 生命周期钩子中添加滚动到顶部的逻辑。

以下是一个示例：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  name: 'YourComponent',
  activated() {
    window.scrollTo(0, 0); // 滚动到页面顶部
  },
};
</script>

在上述示例中，`activated` 生命周期钩子会在页面被缓存后再次激活时调用，我们可以利用 `window.scrollTo` 方法将滚动位置设置为 (0, 0)，即页面顶部。

希望这个解决方案能够帮到你！如果还有其他问题，请随时提问。

相关问题

vue的query传参页面高度

Vue中的query传参并不能直接获取页面的高度，因为query参数主要用于在页面之间传递数据，而不是用于获取页面的特定属性。如果你想获取页面的高度，可以使用JavaScript来实现。

可以使用以下代码来获取页面的高度：

var pageHeight = window.innerHeight;

上述代码中，`window.innerHeight`表示浏览器窗口的内部高度，即可视区域的高度。将这个值赋给`pageHeight`变量，即可获取页面的高度。

请注意，在使用这段代码之前，确保页面已经加载完毕，否则可能无法正确获取页面的高度。你可以在Vue的生命周期钩子函数`mounted`中使用这段代码，以确保页面已经完全加载。

希望能帮到你！如果还有其他问题，请随时提问。

Vue query路由传参跳转页面，跳转后刷新页面导致参数消失处理

Vue Router提供两种方式进行路由传参，一种是使用params，另一种是使用query。

使用params传参时，参数会被编码到URL的路径中，例如：

this.$router.push({ path: '/user/123' })

这样会跳转到/user/123页面，并且在该页面中可以通过this.$route.params来获取参数。

使用query传参时，参数会被编码到URL的查询字符串中，例如：

this.$router.push({ path: '/user', query: { id: 123 }})

这样会跳转到/user页面，并且在该页面中可以通过this.$route.query来获取参数。

如果你使用query传参时，跳转后刷新页面导致参数消失，可能是因为刷新页面会重新加载页面，从而导致之前的参数丢失。为了解决这个问题，可以将参数存储到Vuex或者localStorage中，这样刷新页面后仍然可以获取到参数。

另外，如果你使用params传参时，跳转后刷新页面也会导致参数消失。这时候也可以将参数存储到Vuex或者localStorage中，或者考虑使用query传参。