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

相关推荐
web打印社区1 分钟前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5
Python大数据分析2 分钟前
开源免费、AI 驱动的 Web 打印设计器 OpenPrint:从拖拽设计到 ERP 对接全流程实战
前端·人工智能·开源
溪语流沙12 分钟前
【每天一个CSS | Day11】赛博朋克故障风文字:红青分离 + 切片抖动
前端·css
Chen—LSN18 分钟前
数据结构——拿捏复杂度
java·c语言·开发语言·数据结构·经验分享·笔记·算法
阿钱真强道30 分钟前
25 嵌入式操作系统 | 设备面板:用 Qt 控件把“设备“画出来(本节不接串口)
开发语言·qt·flask·架构设计·协议契约
ym hyd 1111 小时前
宝宝早教服务系统源码 Java+SpringBoot+Vue3 前后分离
java·开发语言·spring boot
liangshanbo12151 小时前
React Fiber:从“解决卡顿”到完整更新链路
前端·javascript·react.js
看浪的路人1 小时前
第7讲:实时告警与自动化响应
开发语言·后端·golang
Timmy1 小时前
前端转全栈笔记:讲框架之前,先把 TypeScript 这关过了
前端·人工智能·node.js
计算机魔术师1 小时前
年收入650亿、亏420亿,Anthropic凭什么敢叫价万亿?
前端