VUE获取元素高度的方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zqian1994/article/details/82732825

Vue获取元素高度.

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

// 获取高度值 （内容高+padding+边框）

let height= this.$refs.elememt.offsetHeight;  //100

// 获取元素样式值 （存在单位）

let height = window.getComputedStyle(this.$refs.element).height; // 100px

//获取元素内联样式值（非内联样式无法获取）

let height = this.$refs.element.style.height; // 100px