vue3获取视口高度
时间: 2023-08-08 17:04:42 浏览: 115
Android获取view高度的三种方式
您可以使用`window.innerHeight`来获取视口的高度。在Vue 3中,您可以在组件的`mounted`生命周期钩子函数中使用这个属性来获取视口的高度。下面是一个示例代码:
```javascript
<template>
<div>
<p>视口高度:{{ viewportHeight }}</p>
</div>
</template>
<script>
export default {
data() {
return {
viewportHeight: 0
};
},
mounted() {
this.viewportHeight = window.innerHeight;
}
};
</script>
```
在上面的示例中,`window.innerHeight`会在组件挂载后被赋值给`viewportHeight`,然后在模板中显示出来。
阅读全文