VUE获取dom节点的宽高

dom元素

<div ref="element" ></div>   //element:自定义名称

宽度

获取宽度（内容宽度+padding）：

let width=this.$refs.element.clientWidth;

获取宽度（内容宽度+padding+边框）

 let width2=this.$refs.element.offsetWidth；

获取元素样式值

let width3= window.getComputedStyle(this.$refs.element).width; 

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

let width4 = this.$refs.element.style.width; 

高度

获取高度（内容高度+padding）：

let height=this.$refs.element.clientHeight；

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

 let height2=this.$refs.element.offsetHeight；

获取元素样式值

let height3= window.getComputedStyle(this.$refs.element).height; 

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

let height4 = this.$refs.element.style.height;