Vue中获取高度的方法

一.Vue 中获取滚动条高度的方法

<script type="text/Babel">

	mounted() {//可以在这里面直接进行滚动条的获取
		window.addEventListener('scroll', this.getTopHeight , true)
	}

            
	methods: {
		getTopHeight () {
		//方法一
		//let topHeight = Math.floor(document.body.scrollTop || document.documentElement.scrollTop || window.pageXOffset)
 		//console.log(topHeight)
    	    
 		//方法二
		this.nextTick(()=>{此处表示渲染完成界面后执行
		let topHeight= document.body.scrollTop || document.documentElement.scrollTop || window.pageXOffset)
		console.log(topHeight)
 		})
	  }
   }
   
</script>

二.Vue 中获取dom元素高度的方法

<template>
	<div>
		<div  ref="element"></div>
	</div>
</template>

方法如下：

<script type="text/Babel">

	//获取高度值
	let height = this.$refs.element.offsetHeight; 

	//获取元素样式值
	l