技术栈

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
相关推荐
Lao乾妈官方认证唯一女友:D
12 分钟前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
MediaTea
13 分钟前
Python:collections.Counter 常用函数及应用
开发语言·python
ALKAOUA
20 分钟前
力扣面试150题刷题分享
javascript·笔记
鹏多多.
21 分钟前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan
34 分钟前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
李昊哲小课
36 分钟前
Python json模块完整教程
开发语言·python·json
易醒是好梦
36 分钟前
Python flask demo
开发语言·python·flask
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04得物前端部门,没了05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录07OpenClaw macOS 完整安装与本地模型配置教程(实战版)08Window 10部署openclaw报错node.exe : npm error code 12809OpenClaw 接入 QQ Bot 完整实践指南10OpenClaw-VSCode:在 VS Code 里玩转 OpenClaw,远程管理+SSH 双剑合璧