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

相关推荐
小程同学>o<2 分钟前
嵌入式之C/C++(二)内存
c语言·开发语言·c++·笔记·嵌入式软件·面试题库
南风知我意9574 分钟前
【前端面试1】基础JS的面试题
前端·javascript·面试
程序员清洒4 分钟前
Flutter for OpenHarmony:Dialog 与 BottomSheet — 弹出式交互
开发语言·flutter·华为·交互·鸿蒙
cyforkk6 分钟前
07、Java 基础硬核复习:面向对象编程(进阶)的核心逻辑与面试考点
java·开发语言·面试
wjhx14 分钟前
在Qt Design Studio中进行页面切换
前端·javascript·qt
钱多多先森14 分钟前
【Dify】使用 python 调用 Dify 的 API 服务,查看“知识检索”返回内容,用于前端溯源展示
开发语言·前端·python·dify
qq_4171292515 分钟前
基于C++的区块链实现
开发语言·c++·算法
霍理迪15 分钟前
JS—数组
开发语言·前端·javascript
Surplusx15 分钟前
运用VS Code前端开发工具完成微博发布案例
前端·html
哪里不会点哪里.16 分钟前
Nginx 详解:高性能 Web 服务器与反向代理
服务器·前端·nginx