// 元素上加上ref
<div :class="['hover-tips','btn-1']" :data-msg="content" ref="tooltipRef"><span><slot></slot></span>
在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相同