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

相关推荐
前端小巷子6 分钟前
Vue3 响应式革命
前端·vue.js·面试
一狐九21 分钟前
Flutter如何通过GlobalKey调用组件内的方法
前端·flutter
Ustinian_31025 分钟前
【C/C++】For 循环展开与性能优化【附代码讲解】
c语言·开发语言·c++
wyzqhhhh30 分钟前
前端如何处理首屏优化问题
前端
牵牛老人35 分钟前
Qt 插件开发全解析:从接口定义,插件封装,插件调用到插件间的通信
开发语言·qt
杨荧37 分钟前
基于Python的反诈知识科普平台 Python+Django+Vue.js
大数据·前端·vue.js·python·数据分析
钮钴禄·爱因斯晨38 分钟前
AIGC浪潮下,风靡全球的Mcp到底是什么?一文讲懂,技术小白都知道!!
开发语言·人工智能·深度学习·神经网络·生成对抗网络·aigc
22jimmy2 小时前
JavaWeb(二)CSS
java·开发语言·前端·css·入门·基础
机器视觉知识推荐、就业指导4 小时前
面试问题详解五:Qt 信号与槽的动态管理
开发语言·qt
m0_738120725 小时前
CTFshow系列——命令执行web38-40
前端·windows·安全·web安全