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

相关推荐
卓怡学长28 分钟前
m111基于MVC的舞蹈网站的设计与实现
java·前端·数据库·spring boot·spring·mvc
写代码的【黑咖啡】28 分钟前
Python中的JSON处理(标准库)
开发语言·python·json
C_心欲无痕5 小时前
前端实现水印的两种方式:SVG 与 Canvas
前端·安全·水印
Elias不吃糖8 小时前
Java Lambda 表达式
java·开发语言·学习
guygg888 小时前
一级倒立摆MATLAB仿真程序
开发语言·matlab
尾善爱看海8 小时前
不常用的浏览器 API —— Web Speech
前端
情缘晓梦.8 小时前
C语言指针进阶
java·开发语言·算法
世转神风-9 小时前
qt-字符串版本与数值版本互转
开发语言·qt
极客代码9 小时前
深入解析C语言中的函数指针:原理、规则与实践
c语言·开发语言·指针·状态机·函数·函数指针