VUE获取元素的高度

原文链接：https://blog.csdn.net/zqian1994/article/details/82732825

Vue获取元素高度.

// 当前区域
<div ref="elememt"></div> 

// 获取高度值 （内容高+padding+边框）
let height= this.$refs.elememt.offsetHeight; 



// 获取元素样式值 （存在单位）
let height1 = window.getComputedStyle(this.$refs.element).height;



//获取元素内联样式值（非内联样式无法获取）
let height2 = this.$refs.element.style.height; 

console.info(height,height1,height2)

输出结果为：100 100px 100px