获取Vue 3功能组件中元素的高度

Question

我看过这样的:使用Vuejs获取元素高度但是据我的理解，功能组件没有这个关键字。如何在vue中获得HTML元素的高度?我来自React背景，只会在那里使用refs，但refs在vue似乎不一样。任何想法?

Answer 1

使用复合API的简单示例:

<template>
<div>
<h1>Cool Title</h1>
<BaseTestData ref="test"></BaseTestData>
</div>
</template>
<script setup>
const test = ref(null)
onMounted(() => {
console.log(test.value.$el.clientHeight)
})
</script>