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

相关推荐
GISer_Jing几秒前
React Native 2025:从零到精通实战指南
javascript·react native·react.js
即将进化成人机几秒前
Spring Boot配置文件
java·开发语言·intellij-idea
龙智DevSecOps解决方案4 分钟前
Java开发基础:什么是Spring Boot?一文了解其优势、对比以及如何通过Perforce JRebel实现高效开发
java·开发语言·spring boot·jrebel·perforce·java开发
三小河7 分钟前
js Class中 静态属性和私有属性使用场景得的区别
前端·javascript
PPPPickup8 分钟前
easychat---创建,获取,获取详细,退群,解散,添加与移除群组
java·开发语言·后端·maven
名字越长技术越强16 分钟前
CSS之选择器|弹性盒子模型
前端·css
用户938169125536026 分钟前
VUE3项目--路由切换时展示进度条
前端
小王码农记26 分钟前
vue2中table插槽新语法 v-slot
前端·vue.js
前端婴幼儿30 分钟前
前端直接下载到本地(实时显示下载进度)
前端
三小河31 分钟前
前端 Class 语法从 0 开始学起
前端