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

相关推荐
Andrew5515 小时前
让 AI 写页面不再“一眼假”:我把设计品味做成了一个 Claude Code Skill 流水线
前端
乐享qicheng5 小时前
14-AI智能管家JSBridge深度问答
前端
10年前端老司机5 小时前
我用 Vue3 + LangGraph 做了个心理咨询 AI,踩了 9 个坑后总结出来的实战经验
前端·langchain·agent
数据掘金5 小时前
A/B 实验分组参数回滚后还在生效?一次参数校验体系的重构复盘
前端
学逆向的5 小时前
C 突破编译器限制
c语言·开发语言·网络安全
bmxy小明同学5 小时前
2026-10-09-token与成本
java·前端·数据库
jimy15 小时前
C++ 虚函数表:基类和派生类共用一张 vtable 吗?
开发语言·c++
爱吃提升6 小时前
Dev-C++ 5.11 C++断点调试完整教程
开发语言·c++
夜晚回家6 小时前
Python 原始字符串详解 | r 前缀到底让什么不再转义
开发语言·python
neoooo6 小时前
🚀Claude Code 小技巧(二):找回会话,撤销修改
前端·人工智能·后端