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

相关推荐
福尔摩斯张2 分钟前
Linux信号捕捉特性详解:从基础到高级实践(超详细)
linux·运维·服务器·c语言·前端·驱动开发·microsoft
2401_860319524 分钟前
DevUI组件库实战:从入门到企业级应用的深度探索 ,如何快速安装DevUI
前端·前端框架
2301_764441336 分钟前
使用python构建的应急物资代储博弈模型
开发语言·python·算法
丿BAIKAL巛8 分钟前
Java前后端传参与接收全解析
java·开发语言
code bean14 分钟前
【C++】Scoop 包管理器与 MinGW 工具链详解
开发语言·c++
cc蒲公英26 分钟前
javascript有哪些内置对象
java·前端·javascript
yanghuashuiyue29 分钟前
Java过滤器-拦截器-AOP-Controller
java·开发语言
小冷coding32 分钟前
【Java】高并发架构设计:1000 QPS服务器配置与压测实战
java·服务器·开发语言
zhangwenwu的前端小站40 分钟前
vue 对接 Dify 官方 SSE 流式响应
前端·javascript·vue.js
王林不想说话1 小时前
受控/非受控组件分析
前端·react.js·typescript