vue获取dom元素的宽高

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue获取dom元素的宽高相关的知识,希望对你有一定的参考价值。

参考技术A 在mounted写 因为我是html标签可以不用加 el(如果是html标签就不用加)

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

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

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

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

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

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

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

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

以上是关于vue获取dom元素的宽高的主要内容,如果未能解决你的问题,请参考以下文章

Js如何获取某Dom元素的宽高

在Vue中获取DOM元素的实际宽高

js获取dom元素宽高

Js怎么获取DOM及获取浏览器的宽高?

Js操作DOM的方式及获取浏览器的宽高

js获取元素宽高