Vue中获取页面高度的方法

在Vue中，可以使用

this.$refs.xxx.clientHeight

需要在Vue组件中将要获取高度的元素添加ref属性，如：

this.$refs.xxx.clientHeight

也可以使用

this.$el.clientHeight

mounted() {
  console.log(this.$el.clientHeight)
}

可以使用

window.innerHeight

mounted() {
  console.log(window.innerHeight)
}

以上就是Vue中获取页面高度的方法，使用起来很简单，只需要记住几个API就可以了。

千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。