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

相关推荐
杉氧12 小时前
弹性滚动的奥秘:在 Flutter 中使用 CustomScrollView 与 Sliver 打造极致流畅列表
android·前端·flutter
郝学胜-神的一滴12 小时前
Python 高级编程 026:序列内核深剖
开发语言·python·程序人生·软件工程
xiaotianyuanma12 小时前
【计算机毕业设计】基于java web的社区养老服务管理系统设计与实现
java·开发语言·课程设计
mONESY13 小时前
从零搭建 Milvus 向量知识库:Node.js 实现日记 RAG 检索全流程实战
javascript
jinshw13 小时前
自己实现GIS配图软件(二)
前端·后端·rust
Wang's Blog13 小时前
Go-Zero项目开发39: 熔断、限流与降级的高可用实践
开发语言·后端·golang·go-zero
肥胖小羊13 小时前
企业微信自建应用多环境联调与路由代理方案
服务器·前端·网络
林间码客13 小时前
全栈视角下的 Mock 指南:从后端单元测试到前端 Vue 3 联调
前端·vue.js·单元测试
张元清13 小时前
React usePrevious Hook:追踪上一次的 State 和 Props(2026)
javascript·react.js
Alan_69113 小时前
第三方API对接的通用封装模式
服务器·开发语言·php