vue 获取当前屏幕高度

vue yekong

在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来引用当前屏幕的高度。

喜欢