vue 获取 div 高度

最新推荐文章于 2025-08-09 11:31:26 发布

原创最新推荐文章于 2025-08-09 11:31:26 发布 · 1.2w 阅读

7 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了在前端开发中如何使用不同方法获取DOM元素的高度，包括通过getComputedStyle、元素的style属性以及$refs结合Vue的$nextTick进行精确测量。

<div ref=""jo></div>

// 常规模型
var height = this.$refs.jo.offsetHeight;

// 获取元素样式值,element 为元素ref="jo"
var heightCss = window.getComputedStyle(this.$refs.jo).height; // 100px

// 获取元素内联样式值
var heightStyle =this.$refs.jo.style.height; // 100px



this.$nextTick(() => {
  console.log(this.$refs.gos.offsetHight);
})