获取组件高度与宽度

vue 获取组件高度

// 当前区域
<div ref="element"></div> 
1
2
// 获取高度值 （内容高+padding+边框）

let height= this.$refs.element.offsetHeight;  //100
1
// 获取元素样式值 （存在单位）

let height = window.getComputedStyle(this.$refs.element).height; // 100px
1
// 获取元素内联样式值（非内联样式无法获取）

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

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