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

相关推荐
阿狗童鞋几秒前
前端工程化实战指南
前端
CappuccinoRose几秒前
CSS 动效基础
前端·css·动画·animation·transition
用户4402818278071 分钟前
我用 TRAE 一晚上从零撸了个微信投票小程序: 17 个云函数 + 11 个页面的全链路实战
前端
BullSmall4 分钟前
SonarQube 9.9.8-community 适配 Jenkins 版本说明
java·前端·jenkins
tryCbest6 分钟前
第一篇:HTML5 核心知识全解 + 项目起步
前端·html·html5
Soari8 分钟前
交换机转发模式
开发语言·网络·php
百度一下吧12 分钟前
CSS 伪类使用与实践:从入门到进阶
前端·css
hunterandroid14 分钟前
android方案 : Multiplatform 跨平台开发实战:一套代码,多端运行
android·前端
百度一下吧17 分钟前
CSS3 之后新增的特性:从 CSS4 到现代 CSS 的演进
前端·css·css3