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 分钟前
GoF 23 种设计模式完整知识总结与使用教程
java·c语言·开发语言·python·设计模式
玖釉-5 分钟前
告别 Shared Memory 瓶颈:Vulkan Subgroup 架构解析与硬核实战指南
开发语言·c++·windows·图形渲染
kyriewen115 分钟前
每日知识点:this 指向之谜——是谁在 call 我?
前端·javascript·vue.js·前端框架·ecmascript·jquery·html5
浩星7 分钟前
electron系列6之性能优化:从启动慢到内存泄漏
前端·javascript·electron
lly2024067 分钟前
SQL UPDATE 语句详解
开发语言
君以思为故7 分钟前
认识Linux -- 线程同步与互斥
java·开发语言
吴梓穆9 分钟前
UE5 C++ 两种枚举
开发语言·c++·ue5
飞Link11 分钟前
pprint 全量技术手册:复杂数据结构的结构化输出引擎
开发语言·前端·python
意疏12 分钟前
【C语言】解决VScode中文乱码问题
c语言·开发语言·vscode
星辰徐哥12 分钟前
异步定时任务系统的设计与Rust实战集成
开发语言·后端·rust