获取dom元素高度的时候,发现是0
要加上$nextTick确保dom元素都加载完毕了
mounted: function () {
this.$nextTick(() => {
})
}
获取距离屏幕可视高度getBoundingClientRect()
<div class="tab-main"
ref="tabMain">
</div>
let screenHeight = window.innerHeight // 屏幕高度
let rect = this.$refs.tabMain.getBoundingClientRect().y // .tabMain距离屏幕可视框的高度
this.tabMainHeight = screenHeight - rect - 30 // 屏幕高度-tabMain距离屏幕的高度=tabMain的高度