vue3获取dom元素距父元素顶部的距离的例子

可以使用ref属性和$el属性来获取元素的高度及其相对于父元素的偏移。具体代码如下：

<template>
<div ref="myDiv">
Hello World!
</div>
</template>

<script>
export default {
mounted() {
const myDiv = this.$refs.myDiv;
const topOffset = myDiv.$el.offsetTop;
console.log(topOffset);
}
}
</script>

这段代码将输出myDiv元素相对于其父元素顶部的偏移量。