vue 获取组件高度

vue 获取组件高度

Vue获取元素高度

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

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

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

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

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

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

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

参考自
https://blog.csdn.net/zqian1994/article/details/82732825