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

相关推荐
xyq20242 分钟前
Java 数组
开发语言
雨辰AI11 分钟前
人大金仓 V9 生产级专用监控大盘(含 120 + 指标 + 告警规则 + 一键导入)
java·开发语言·数据库·mysql·政务
IT_陈寒12 分钟前
Vue的computed属性怎么突然不更新了?
前端·人工智能·后端
时寒的笔记12 分钟前
day13~14核心案例某采招网
开发语言·javascript·ecmascript
智商不够_熬夜来凑20 分钟前
【Picker】单选多选
前端·javascript·vue.js
彦为君1 小时前
Java文件处理效率库Commons-IO(速览)
java·开发语言·mfc
米饭不加菜1 小时前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
scan7241 小时前
langgraphy条件边
前端·javascript·html
sycmancia1 小时前
Qt——文本打印与光标定位
开发语言·qt
故事和你912 小时前
洛谷-【动态规划1】动态规划的引入2
开发语言·数据结构·c++·算法·动态规划·图论