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);
      });
    },

相关推荐
前端若水3 分钟前
过渡(transition)高级:贝塞尔曲线、硬件加速
前端·css·css3
Lee川5 分钟前
Token 无感刷新与 Logout:前端安全会话管理实战
前端·后端·react.js
不会敲代码17 分钟前
我写了一个 HTML 文件,把 JS 事件循环彻底搞懂了
前端·javascript·面试
feng_blog668812 分钟前
C++线程池|解决死锁、崩溃、丢任务所有痛点
java·开发语言·c++
写不来代码的草莓熊15 分钟前
SVG 图标插件误读 PNG 图片 + Vite 重启缓存失效重新生成 + 浏览器严格渲染
前端
天天进步201519 分钟前
魔音漫创源码解析:状态管理——复杂长链路下的状态同步:Zustand 在多面板协作中的应用
开发语言·架构
燐妤21 分钟前
前端HTML编程3:初识CSS
前端·html5
UXbot23 分钟前
独立设计师UI设计工具推荐(2026):支持AI原型生成与代码导出的5款工具全面评价
前端·人工智能·低代码·ui·交互·产品经理·web app
anOnion1 小时前
构建无障碍组件之Table Pattern
前端·html·交互设计
mfxcyh1 小时前
如何把对象数据转化为数组
java·服务器·前端