Vue.js 获取元素高度的方法【记录】

Vue.js获取下面div的height：

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

1、获取高度值：（内容高+padding+边框）

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

2、获取元素样式值：（存在单位）

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

3、获取元素内联样式值：（非内联样式无法获取）

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