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