Vue中获取页面高度的方法
在Vue中,可以使用
this.$refs.xxx.clientHeight
来获取页面元素的高度,其中xxx为元素的ref属性值。
需要在Vue组件中将要获取高度的元素添加ref属性,如:
,可以使用this.$refs.xxx.clientHeight
来获取元素的高度。
也可以使用
this.$el.clientHeight
来获取Vue组件本身的高度,如:
mounted() {
console.log(this.$el.clientHeight)
}
可以使用
window.innerHeight
来获取页面的可视窗口的高度,如:
mounted() {
console.log(window.innerHeight)
}
以上就是Vue中获取页面高度的方法,使用起来很简单,只需要记住几个API就可以了。
千锋教育是高品质web前端培训机构,千锋教育拥有大量实力web前端培训讲师,提供优质的web培训课程,web前端培训,欢迎报名千锋教育。