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

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