普通的html元素
<div ref='xxx'></div>
ui框架的html元素
<el-form ref='xxx'></el-form>
获取元素的高度值
this.$refs.xxx.offsetHeight;
获取元素的样式值
window.getComputedStyle(this.$refs.xxx).height;
获取元素的内联样式值
this.$refs.xxx.style.height;
获取UI框架元素高度值(这里以Element-UI
为例子)
因为UI框架都是封装过的,需要加一个 $el
来获取元素
this.$refs.$el.xxx.offsetHeight;