vue的query传参页面高度

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

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

var pageHeight = window.innerHeight;

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

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

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

相关问题

vue query传参刷新参数没了

您好，对于您的问题，我可以回答。在使用 Vue 中的 query 传参时，如果页面刷新后参数消失，可能是因为您使用了 router-link 或者 this.$router.push 进行页面跳转时，没有设置 preserveQuery 参数。您可以在跳转时设置 preserveQuery 为 true，这样页面刷新后参数就会保留。例如：this.$router.push({ path: '/example', query: { id: 1 }, preserveQuery: true })。希望能对您有所帮助。

vue路由传参query

在Vue中，路由传参有两种方式：params和query。params是通过路由路径中的占位符来传递参数，而query则是通过URL查询字符串来传递参数。下面是关于Vue路由传参query的介绍：

1. 在路由路径中添加查询参数

在定义路由规则时，可以在路由路径中添加查询参数，例如：

const routes = [
  {
    path: '/getdata',
    name: 'GetData',
    component: () => import('vs/getData.vue')
  }
]

2. 通过router-link传递查询参数

可以通过router-link组件的to属性来传递查询参数，例如：

<router-link :to="{ name: 'GetData', query: { key1: 'value1', key2: 'value2' } }">Get Data</router-link>

3. 在组件中获取查询参数

在组件中，可以通过$route对象的query属性来获取查询参数，例如：

export default {
  mounted() {
    console.log(this.$route.query.key1)
    console.log(this.$route.query.key2)
  }
}