vue 子组件接收高度参数

回答: 在Vue中，子组件可以通过props属性接收父组件传递的参数，包括高度参数。在父组件中，可以通过ref属性获取子组件的根节点，并通过props属性将高度参数传递给子组件。下面是一个示例代码：

在父组件中的模板部分：

<template>
  <son-component :height="height"></son-component>
</template>

在父组件中的脚本部分：

<script>
export default {
  data() {
    return {
      height: 0
    }
  },
  mounted() {
    this.height = this.$refs.ref.$el.offsetHeight;
  }
}
</script>

在子组件中的props部分：

<script>
export default {
  props: \['height'\]
}
</script>

通过这种方式，父组件可以将高度参数传递给子组件，并在子组件中使用props属性接收该参数。
#### 引用[.reference_title]
- *1* [Vue 获取子组件高度](https://blog.csdn.net/m0_63969219/article/details/124880721)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v12^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]