技术栈

el-collapse:如何监听折叠后事件

前端小白记录2024-05-05 19:10

项目场景:

项目需要在折叠组件收起后动态计算下方组件内容高度后赋值,这个时候就需要获取折叠后事件


代码描述

c 复制代码
  <el-collapse v-model="activeNames" @change="handleChange" ref="myCollapseRef">  </el-collapse >
    // 面板折叠后,动态设置高度
    handleChange(activeCollapse) {
      // 折叠后事件
      this.$refs.myCollapseRef.$el.addEventListener('transitionend', () => {
        this.setHeight(activeCollapse);
      });
    },

上一篇:解决el-form中的输入框,或者下拉框无法修改赋值
下一篇:leetcode40-Combination Sum II
相关推荐
灵感__idea
1 天前
Hello 算法:贪心的世界
前端·javascript·算法
小成20230320265
1 天前
Linux高级02
linux·开发语言
知行合一。。。
1 天前
Python--04--数据容器(总结)
开发语言·python
咸鱼2.0
1 天前
【java入门到放弃】需要背诵
java·开发语言
ZK_H
1 天前
嵌入式c语言——关键字其6
c语言·开发语言·计算机网络·面试·职场和发展
A.A呐
1 天前
【C++第二十九章】IO流
开发语言·c++
椰猫子
1 天前
Java:异常(exception)
java·开发语言
lifewange
1 天前
pytest-类中测试方法、多文件批量执行
开发语言·python·pytest
GreenTea
1 天前
一文搞懂Harness Engineering与Meta-Harness
前端·人工智能·后端
cmpxr_
1 天前
【C】原码和补码以及环形坐标取模算法
c语言·开发语言·算法
热门推荐
01GitHub 镜像站点022026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手06Oh My Codex 快速使用指南07从限购到畅通:GLM-5.1 Coding Plan接入攻略08CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南09LLM Wiki:让大模型替你打理知识库的完整指南10AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析