vue获取某个元素高度

最新推荐文章于 2024-08-14 15:48:17 发布

Smile_ping

最新推荐文章于 2024-08-14 15:48:17 发布

阅读量3.7k

点赞数

分类专栏： vue 随笔类文章标签： vue获取元素高度 vue如何获取元素高度？

本文链接：https://blog.csdn.net/Smile_ping/article/details/115489891

版权

vue 同时被 2 个专栏收录

50 篇文章 1 订阅

订阅专栏

随笔类

11 篇文章 0 订阅

订阅专栏

vue获取某个元素高度

<template>
	<div class="wrap">
        <!-- 定义ref属性 -->
        <div class="header" ref="header">
            <!-- 内容 -->
    	</div>
        
        <!-- 根据需求设置 -->
        <div class="main" :style="`margin-top: ${offsetH}px`">
            <!-- 内容 -->
    	</div>
    </div>
</template>

<script>
    export default {
        data() {
            offsetH: 0
        },
        mounted() {
            this.$nextTick(() => {
                // 获取定义ref属性 和 元素高度
                this.offsetH = this.$refs.header.offsetHeight;
            })
        }
    }
</script>