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

相关推荐
feixing_fx14 小时前
选择器的威力——深入理解优先级计算与层叠规则
开发语言·前端·css·前端框架·html
代码小库14 小时前
【2026前端转 AI 全栈指南】第 1 章:前言 · 后端架构 · 章节导览
前端·人工智能·架构
晓131314 小时前
【Cocos Creator 3.x】篇——第四章 子系统
前端·javascript·游戏引擎
6v6-博客14 小时前
C语言字符串中空格的表示方法
c语言·开发语言
geovindu14 小时前
python: speech to text offline
开发语言·python·语音识别
li-xun14 小时前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
ikoala14 小时前
Codex 怎么买、怎么充值?先把这两套计费搞清楚
前端·javascript·后端
于指尖飞舞14 小时前
java后端面试题(多线程极简)
java·开发语言
techdashen14 小时前
从 Windows 的 ping.exe 入手:动态库、调用约定与 Rust FFI
开发语言·windows·rust
wuhen_n14 小时前
RAG 优化实战:检索精准度提升全方案
前端·langchain·ai编程