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

相关推荐
晊晌_h21 分钟前
嵌入式从0到精通——线程
java·开发语言·jvm
一木 之林28 分钟前
五、C++ 新特性、关键字与编译原理(进阶)(二)
java·开发语言·c++
xy345330 分钟前
Axure9.0 中继器遮罩的核心应用场景(精准适配列表交互)
前端·ui·html·原型·产品设计·axure9.0
天道kabuto37 分钟前
记一次 UnoCSS 样式离奇失效的踩坑复盘
前端
前端小张同学41 分钟前
AI全栈开发最佳实践💐
前端·后端·架构
OPEN-F43 分钟前
C++11/14新特性精讲:移动语义与智能指针实战
开发语言·c++·算法
小灰灰搞电子44 分钟前
Rust+Slint 实现动态轮播图源码分享,支持动态删除、添加
开发语言·rust·slint·动态轮播图
前端 贾公子1 小时前
第09章:上下文与记忆 (6)
开发语言·前端·python
用户931456355661 小时前
接口幂等性设计:从原理到落地,一篇讲透
前端
柚yuzumi1 小时前
别再猜 this:先看它属于谁,再看它指向谁
前端·javascript