el-collapse:如何监听折叠后事件

项目场景:

项目需要在折叠组件收起后动态计算下方组件内容高度后赋值,这个时候就需要获取折叠后事件


代码描述

c 复制代码
  <el-collapse v-model="activeNames" @change="handleChange" ref="myCollapseRef">  </el-collapse >
    // 面板折叠后,动态设置高度
    handleChange(activeCollapse) {
      // 折叠后事件
      this.$refs.myCollapseRef.$el.addEventListener('transitionend', () => {
        this.setHeight(activeCollapse);
      });
    },

相关推荐
DS随心转插件13 小时前
Grok生成的html怎么导出——AI导出鸭:大模型结构化输出的“最后一公里”工程化解构
前端·人工智能·ai·html·豆包·deepseek·ai导出鸭
এ慕ོ冬℘゜13 小时前
使用 jQuery 动态渲染表格与状态切换
前端·javascript·jquery
Littlehero_12113 小时前
QT自定义控件之热换站系统(源码开源)
开发语言·qt
meilindehuzi_a13 小时前
Python 基础语法(1):常量、变量、类型、输入输出与运算符
开发语言·python
caimouse13 小时前
ReactOS 窗口系统分析(5):可见区域与窗口 DC — vis.c + windc.c
c语言·开发语言
OPEN-F14 小时前
Python进阶教程:装饰器与生成器深入
开发语言·python
人间凡尔赛14 小时前
2026 前端必修:4 个让 CSS 脱胎换骨的现代新特性(附实战代码)
前端·css
用户21816970493014 小时前
Flutter (二十) 轮播图
前端
前端snow14 小时前
ai agent - RAG 汇总
前端
智购科技自动售货机厂家15 小时前
2026自动售货机AI视觉识别优化:从YOLOv11n模型量化到RKNN部署的端侧推理工程实践~YH
javascript·人工智能·yolo·机器学习·计算机视觉·目标跟踪·perl