vue父组件如何获取子组件的高度

在Vue中，父组件可以通过使用`ref`属性来获取子组件的实例，然后通过访问子组件的DOM元素来获取其高度。

首先，在子组件的标签上添加`ref`属性，例如：

<template>
  <div ref="childComponent">子组件内容</div>
</template>

然后，在父组件中，可以通过`this.$refs`来访问子组件的实例，进而获取其高度。例如：

<template>
  <div>
    <child-component ref="myChildComponent"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  mounted() {
    const childHeight = this.$refs.myChildComponent.$refs.childComponent.offsetHeight;
    console.log('子组件的高度：', childHeight);
  }
}
</script>

在上述代码中，父组件通过`this.$refs.myChildComponent`获取到子组件的实例，然后通过`$refs.childComponent`访问子组件中的DOM元素，再使用`offsetHeight`属性获取其高度。