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 小时前
c++复习:模拟实现list来更好的理解和应用list
开发语言·c++
程序员黑豆13 小时前
Java入门第一步:从零开始编写你的第一个Hello World程序
java·前端·ai编程
凌涘13 小时前
前端路由(二):React Router 组件化路由实战
前端
小白学大数据13 小时前
Python 爬虫实战:抓取汽车之家二手车成交价格与里程数据
开发语言·爬虫·python·汽车
深盾科技_Virbox14 小时前
软件加密工具怎么选:试用验证、采购成本与授权范围
开发语言·安全·软件需求
鸽鸽14 小时前
别急着装第三方库,这些事浏览器原生就能做到——Web Native API 实战指南
前端
做前端的娜娜子14 小时前
从 0 到 1 打造一个配置可视化后台:一次前端配置中心化改造的实战复盘
前端·设计模式·数据可视化
A_cainiao_A14 小时前
C++20:std::stop_source让线程说停就听
开发语言·c++20
南雨北斗14 小时前
vue3 RouterLink链接颜色修改的方法
前端
Richard.Wong14 小时前
Windows IIS 服务器部署 Vue3 前端项目详细流程
服务器·前端·windows