Element UI Collapse 折叠面板和表格结合高度闪动问题

ops/2024/11/25 17:55:18/

好久没写文章了,最近使用了 Element UI 的 Collapse 不是 Plus 版本,遇到一个问题。在折叠面板中使用,会出现打开的时候高度闪动,就是表格的高度计算出现了问题,都是接口返回数据时出现的,在 Github 上的 Issues 里也有这个问题

https://github.com/ElemeFE/element/issues/18868

也就是关闭 Table 的高度监听

this.$refs.table1.$ready = false

还有个办法就是关闭动画,当然这是最后的办法了

但是我的 Collapse 是循环生成的有很多个,总是不起作用,所以我才用了一个 Css 大佬之前教我的办法

.your-className >>> .el-collapse-item__wrap {max-height: min-content;
}

这样可以保留动画,也能解决我目前的问题,但是闪动不存在了,但是动画还是不太优雅,但也是我目前最合适的解决办法。

未完待续...


http://www.ppmy.cn/ops/136630.html

相关文章

神经网络的初始化

目录 为什么需要初始化? 初始化的常用方法: 是否必须初始化? 初始化神经网络中的权重和偏置是深度学习模型训练中非常重要的一步,虽然在某些情况下不进行初始化也能训练出模型,但正确的初始化方法能够显著提高训练效…

bash笔记

0 $0 是脚本的名称,$# 是传入的参数数量,$1 是第一个参数,$BOOK_ID 是变量BOOK_ID的内容 1 -echo用于在命令窗口输出信息 -$():是命令替换的语法。$(...) 会执行括号内的命令,并将其输出捕获为一个字符串&#xff…

jupyter notebook的 markdown相关技巧

目录 1 先选择为markdown类型 2 开关技巧 2.1 运行markdown 2.2 退出markdown显示效果 2.3 注意点:一定要 先选择为markdown类型 3 一些设置技巧 3.1 数学公式 3.2 制表 3.3 目录和列表 3.4 设置各种字体效果:加粗,斜体&#x…

代替Spinnaker 的 POINTGREY工业级相机 FLIR相机 Python编程案例

SpinnakerSDK_FULL_4.0.0.116_x64 是一个用于FLIR相机的SDK,主要用于图像采集和处理。Spinnaker SDK主要提供C接口,无法直接应用在python环境。本文则基于Pycharm2019python3.7的环境下,调用opencv,EasySpin,PySpin,的库实现POINTGREY工业级相…

【机器学习】超简明Python基础教程

Python是一种简单易学、功能强大的编程语言,适用于数据分析、人工智能、Web开发、自动化脚本等多个领域。本教程面向零基础学习者,逐步讲解Python的基本概念、语法和操作。 1. 安装与运行 安装Python 从官网 Welcome to Python.org 下载适合自己系统的…

机器翻译 数据集 (NLP基础 - 预处理 → tokenize → 词表 → 截断/填充 → 迭代器) + 代码实现 —— 笔记3.9《动手学深度学习》

目录 0. 前言 1. 下载和预处理数据集 2. 词元化 (tokenize) 3. 词表 (Vocab) 4. 加载数据集 (填充/截断) 5. 迭代器 (iterator) 6. 小结 0. 前言 课程全部代码(pytorch版)已上传到附件本章节为原书第9章(现代循环网络),共分为8节&…

计算机网络实验 DNS协议分析与测量

1. 实验目的 了解互联网的域名结构、域名系统DNS及其域名服务器的基本概念 熟悉DNS协议及其报文基本组成、DNS域名解析原理 掌握常用DNS测量工具dig使用方法和DNS测量的基本技术 2. 实验环境 硬件要求:阿里云云主机ECS 一台。 软件要求:Linux/ Wind…

【SpringBoot】 数据库查询超时配置

文章目录 1. 简介1.1 介绍数据库超时配置的重要性1.2 概述Spring Boot在数据库连接中的应用 2. 配置文件层面处理超时2.1 Spring Boot数据库连接的基本配置2.2 常用的数据库连接池HikariCP如何在Spring Boot中配置HikariCPHikariCP的关键超时参数 Tomcat JDBC PoolDruid连接池关…