在Vue中,获取当前屏幕的高度可以通过访问window.innerHeight
属性来实现。这个属性提供了浏览器窗口的视口高度,不包括工具栏和滚动条。你可以在Vue组件的mounted
生命周期钩子中获取这个值,因为在这个阶段,DOM已经被渲染和挂载,可以确保window
对象是可用的。
以下是一个示例代码:
export default {
data() {
return {
screenHeight: 0,
};
},
mounted() {
this.screenHeight = window.innerHeight;
}
}
在这个示例中,screenHeight
数据属性被用来存储屏幕高度的值。在mounted
钩子中,我们将window.innerHeight
的值赋给screenHeight
。这样,你就可以在你的Vue模板或者其他方法中使用screenHeight
来引用当前屏幕的高度。