2024年6月12日发(作者：)

vue3子元素获取父元素的高度

在Vue3中，我们可以使用`ref`和`toRef`来获取父元素的高度。

首先，在父组件中，我们需要使用`ref`创建一个`ref`对象，并

将其添加到父元素的标签上，如下所示：

```

```

接下来，在子组件中，我们可以使用`toRef`来获取父元素的高

度：

```

```

通过以上步骤，我们就可以在子组件中获取父元素的高度了。在

`parentHeight`函数中，我们首先检查``是否存

在，以防止在初始化时出现错误。然后，我们使用`clientHeight`属

性获取父元素的高度，并将其返回。如果父元素不存在，则返回0。

这就是在Vue3中获取父元素高度的方法。