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

Question

我见过这个： Get element height with Vuejs 但根据我的理解，功能组件没有这个关键字。如何获取 vue.js 中 HTML 元素的高度？我来自 React 背景，只会在那里使用 refs，但 vue 中的 refs 似乎不一样。任何想法？

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>