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相同

你可能感兴趣的:(vue获取dom元素的宽高)