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

相关推荐
码上成长13 分钟前
<script setup> 实战模式:大型组件怎么拆?
开发语言·javascript·vue.js
花归去16 分钟前
【Vue3】 中的 【unref】:详解与使用
前端·javascript·vue.js
小霖家的混江龙24 分钟前
巧用辅助线,轻松实现类拼多多的 Tab 吸顶效果
前端·javascript·react.js
A***279538 分钟前
前端路由管理最佳实践,React Router
前端·react.js·前端框架
恋猫de小郭42 分钟前
Snapchat 开源全新跨平台框架 Valdi ,一起来搞懂它究竟有什么特别之处
android·前端·flutter
艾小码42 分钟前
还在为异步组件加载烦恼?这招让你的Vue应用更丝滑!
前端·javascript·vue.js
九河_1 小时前
解决pip install gym==0.19.0安装失败问题
开发语言·python·pip·gym
红豆诗人1 小时前
C语言进阶知识--文件操作
c语言·开发语言·文件操作
麦麦鸡腿堡2 小时前
Java绘图技术
java·开发语言
热爱编程的OP2 小时前
Linux进程池与管道通信详解:从原理到实现
linux·开发语言·c++