Vue——获取整屏高度

Posted

tags:

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

参考技术A 一、css 高度设置成100vh height: 100vh;

二、动态获取

html

JS

3,css计算属性

vue获取dom元素的宽高

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

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

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

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

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

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

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

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

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

以上是关于Vue——获取整屏高度的主要内容,如果未能解决你的问题,请参考以下文章

vue整屏滑动组件

vue 获取元素高度

vue3 setup中获取元素高度

vue 获取元素高度

vue获取dom元素的宽高

使用 Flexbox 获取所有可用高度的组件(在 Quasar/Vue 中)