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

相关推荐
dog2504 小时前
圆锥曲线和二次曲线
开发语言·网络·人工智能·算法·php
AI人工智能+电脑小能手4 小时前
【大白话说Java面试题】【Java基础篇】第25题:JDK1.8的新特性有哪些
java·开发语言·后端·面试
Daybreak4 小时前
Mobile 端 AI 请求真机调试:从"线上没日志"到四层问题定位
前端
开发小程序的之朴5 小时前
基于Go语言的企业级CMS系统架构设计与性能分析——以AnQiCMS为例
开发语言·golang·系统架构
Wect5 小时前
LeetCode 97. 交错字符串:动态规划详解
前端·算法·typescript
木斯佳5 小时前
前端八股文面经大全:字节暑期前端一面(2026-04-24)·面经深度解析
前端
凯瑟琳.奥古斯特5 小时前
Redis是什么及核心特性
前端·css·redis·缓存
架构源启5 小时前
OpenClaw 只能手动写脚本?我用 Chrome 插件实现了“录制即生成“
前端·人工智能·chrome·自动化
yingyima5 小时前
正则表达式实战:如何高效清洗脏数据
前端
叶小鸡5 小时前
Java 篇-项目实战-天机学堂(从0到1)-day9
java·开发语言