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

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