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; 
Logo

前往低代码交流专区

更多推荐