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

相关推荐
wordbaby几秒前
🚀 从零到一实战:基于 Taro 构建纯血鸿蒙 (HarmonyOS NEXT) 应用踩坑全指南
前端
代龙涛1 分钟前
wordpress块主题
开发语言·后端·php
慧一居士3 分钟前
ESM 在前端开发中的介绍和使用指导
前端
禾味7 分钟前
过程即奖励|前端转后端经验分享
前端·后端·面试
苡~17 分钟前
【openclaw+claude】手机+OpenClaw+Claude实现远程AI编程系列大纲
java·前端·人工智能·智能手机·ai编程·claude api
毕设源码-赖学姐25 分钟前
【开题答辩全过程】以 基于java电脑售后服务管理系统设计为例,包含答辩的问题和答案
java·开发语言
Ryan今天学习了吗34 分钟前
前端知识体系总结-前端工程化(Webpack篇)
前端·面试·前端工程化
Ryan今天学习了吗35 分钟前
前端知识体系总结-前端工程化(Babel篇)
前端·面试·前端工程化
GISer_Jing37 分钟前
基于 OpenClaw 构建 博客自动撰写 Agent
前端·aigc·ai写作
潜水豆39 分钟前
基于cursor 的自用专家系统v0.2
前端