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

相关推荐
伯恩bourne5 小时前
对比 @Configuration(Full) vs @Component(Lite)
java·开发语言
软件开发技术深度爱好者5 小时前
ndexTTS-2和 CosyVoice之TTS(Text-to-Speech)使用python示例
开发语言·python
棉猴6 小时前
玩游戏学Python12-布尔型与条件语句
java·前端·python·玩游戏·游戏编程·pgzero
晚枫歌F6 小时前
dpdk实现arp协议,icmp协议-----架构优化
开发语言·javascript·架构
java_nnnn6 小时前
Spring Web MVC 入门:从一个 URL 到 Java 后端完整处理请求
java·前端·spring boot·spring
G018_star sky♬6 小时前
为什么java新建一个对象,需要obj o = new obj()这种写法
java·开发语言
丨白色风车丨6 小时前
LangChain Agent 从入门到实战:创建与调用参数全解析
前端·python·langchain
星恒讯工业路由器6 小时前
工业网络设备选型:导轨式、机架式与车载式的部署差异
开发语言·网络·数据库·php·工业路由器·导轨式·车载式
2601_962885726 小时前
如何用 Python 把多只股票对齐成一张宽表?
开发语言·python
蹊黎9 小时前
C++中vector类的部分简单实现
开发语言·c++·visual studio