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

相关推荐
Csvn36 分钟前
Pinia 状态管理
前端
不减20斤不改头像1 小时前
手机一句话开发贪吃蛇!TRAE SOLO 移动端 AI 编程实测
前端·后端
xuankuxiaoyao1 小时前
Vue.js实践-组件基础下
前端·javascript·vue.js
小白学大数据1 小时前
JS 混淆加密下的 Python 爬虫解决方案
javascript·爬虫·python
一棵白菜1 小时前
Claude Code + Amazon Bedrock 使用指南
前端
加号32 小时前
【Qt】 应用程序发布:依赖库拷贝与部署指南
开发语言·qt
大家的林语冰2 小时前
前端周刊:axios 疑遭朝鲜黑客“钓鱼“;CSS 新函数上线;npm 上线深色主题;Oxlint 兼容表;ESLint 支持 Temporal......
前端·javascript·css
('-')2 小时前
八股复习2:Java Array list和Linked list
java·开发语言
小黄人软件2 小时前
C++读写编辑CSV文件示例源码 用于数据导入导出,比Excel好使
开发语言·c++·excel
郭涤生2 小时前
C++各个版本的性能和安全性总结
开发语言·c++