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 分钟前
Stitch——Google热门的免费AI UI设计工具
前端·人工智能·ui
精神状态良好8 分钟前
实战:从零构建本地 Code Review 插件
前端·llm
荒诞英雄9 分钟前
Vue3 Teleport我真是没招了
前端·vue.js
QQ4022054969 分钟前
Python+django+vue3预制菜半成品配菜平台
开发语言·python·django
WeiXin_DZbishe12 分钟前
基于django在线音乐数据采集的设计与实现-计算机毕设 附源码 22647
javascript·spring boot·mysql·django·node.js·php·html5
遥遥江上月13 分钟前
Node.js + Stagehand + Python 部署
开发语言·python·node.js
YAY_tyy14 分钟前
2025 最新版 Node.js 下载安装及环境配置教程
前端·node.js·教程·工具配置
百思可瑞教育17 分钟前
Vue 前端与 Node.js 后端文件上传与处理实现
前端·javascript·vue.js·前端框架·node.js·ecmascript·百思可瑞教育
架构师汤师爷24 分钟前
一文彻底搞懂 OpenClaw 的架构设计与运行原理(万字图文)
前端·agent
苑若轻航25 分钟前
防抖和节流:解决高频事件性能
前端