获取element-ui的Collapse折叠后高度

在Element UI中，el-collapse 组件在折叠时不会改变其子元素的高度。如果你需要获取折叠后的高度，可以使用原生JavaScript或者Vue的$refs来获取DOM元素，然后通过offsetHeight或clientHeight属性来获取高度。

以下是一个简单的例子，展示如何获取Element UI的el-collapse折叠后的高度：

<template>
  <el-collapse
    ref="collapse"
    @change="handleCollapseChange"
  >
    <!-- 折叠面板的内容 -->
  </el-collapse>
</template>
 
<script>
export default {
  methods: {
    handleCollapseChange() {
      this.$nextTick(() => {
        const collapseHeight = this.$refs.collapse.$el.offsetHeight;
        console.log('折叠后的高度:', collapseHeight);
      });
    }
  }
};
</script>

在这个例子中，我们监听el-collapse的change事件，当折叠面板状态变化时，会触发handleCollapseChange方法。在这个方法中，我们使用this.$refs.collapse.$el来获取DOM元素，并使用offsetHeight获取折叠后的总高度。注意，由于获取DOM元素信息是异步的，我们使用this.$nextTick确保DOM更新完成后再获取高度。