技术栈

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
相关推荐
Penge666
43 分钟前
《Go 后端开发者学 TypeScript:数组和元组》
javascript
Penge666
1 小时前
《Go 后端开发者学 TypeScript:export关键字大全》
javascript
Penge666
1 小时前
《Go 后端开发者学 TypeScript:从零理解 async、await 与 Promise》
javascript
Penge666
2 小时前
typescript 中const用法
javascript
Csvn
2 小时前
Monorepo
前端
Csvn
2 小时前
流水线
前端
Csvn
2 小时前
微前端架构
前端
来让爷抱一个
4 小时前
Python 异步里混用同步库,事件循环被卡住的全过程
开发语言·python
Linux-lucky
4 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马
6 小时前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02如何新建文件夹? 电脑新建文件夹的4种方法03历年考研数学一、数学二、数学三真题试卷及答案PDF04几个好用的ip纯净度检测网站05GitHub 镜像站点06苹果iPA游戏软件资源下载网站07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战09微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新10Dify:一站式AI应用开发平台全解析与Windows部署指南