VUE获取dom节点的宽高
获取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;
更多推荐
已为社区贡献1条内容
所有评论(0)