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

相关推荐
caimouse2 小时前
reactos编码规范
c语言·开发语言
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
xieliyu.6 小时前
Java算法精讲:双指针(三)
java·开发语言·算法
CryptoPP7 小时前
快速对接东京证券交易所API数据:实战指南与代码示例
开发语言·人工智能·windows·python·信息可视化·区块链
ZC跨境爬虫7 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1237 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
凌云拓界7 小时前
文件管理:让AI安全操作你的电脑 ——CogitoAgent开发实战(三)
javascript·人工智能·架构·开源·node.js
凌云拓界8 小时前
联网能力:让AI看见更广阔的世界 ——CogitoAgent开发实战(四)
javascript·人工智能·架构·node.js·创业创新
阳区欠8 小时前
【LangChain】LLM基础介绍
开发语言·python·langchain
Jinkxs8 小时前
Java 跨域14-Java 与区块链(Hyperledger)集成
java·开发语言·区块链