Vue中如何获取窗口的高度?

Vue中如何获取窗口的高度? 第一张

在Vue中,可以使用$refs属性获取窗口的高度。$refs属性是Vue实例上的一个对象,其中包含了所有被注册的ref属性。

使用方法

  • 在需要获取窗口高度的组件中,添加ref属性,例如:
    <div ref="window"></div>
  • 在Vue实例中,可以使用$refs属性获取窗口高度,例如:
    let windowHeight = this.$refs.window.offsetHeight;
  • 可以将获取到的窗口高度赋值给data中的变量,例如:
    this.windowHeight = windowHeight;

通过以上步骤,就可以在Vue中获取窗口的高度了。

© 版权声明
THE END
分享