700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue 获取当前div离边框距离_vue获取dom元素的宽高

vue 获取当前div离边框距离_vue获取dom元素的宽高

时间:2020-02-10 18:45:28

相关推荐

vue 获取当前div离边框距离_vue获取dom元素的宽高

// 元素上加上ref

在mounted写 因为我是html标签可以不用加

el(如果是html标签就不用加)

this.$refs.tooltipRef.offsetWidth

this.$refs.tooltipRef.$el.offsetWidth

建议在this.$nextTick写

this.$nextTick(() => {

console.log(this.$refs.tooltipRef.offsetWidth)

})

offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)

offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)

clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)

clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距)

style.width //返回元素的宽度(包括元素宽度,不包括内边距、边框和外边距)

style.height //返回元素的高度(包括元素高度,不包括内边距、边框和外边距)

scrollWidth //返回元素的宽度(包括元素宽度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientWidth相同

scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight相同

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。