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

相关推荐
留不住丨晚霞9 分钟前
说说SpringBoot常用的注解?
java·开发语言
老坛00113 分钟前
2025决策延迟的椭圆算子分析:锐减协同工具的谱间隙优化
前端
老坛00114 分钟前
从记录到预测:2025新一代预算工具如何通过AI实现前瞻性资金管理
前端
今禾16 分钟前
" 当Base64遇上Blob,图像转换不再神秘,让你的网页瞬间变身魔法画布! "
前端·数据可视化
hardStudy_h19 分钟前
C++——内联函数与Lambda表达式
开发语言·jvm·c++
华科云商xiao徐21 分钟前
高性能小型爬虫语言与代码示例
前端·爬虫
十盒半价22 分钟前
深入理解 React useEffect:从基础到实战的全攻略
前端·react.js·trae
攀登的牵牛花22 分钟前
Electron+Vue+Python全栈项目打包实战指南
前端·electron·全栈
iccb101323 分钟前
我是如何实现在线客服系统的极致稳定性与安全性的
前端·javascript·后端
一大树24 分钟前
Vue3祖孙组件通信方法总结
前端·vue.js