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

server/2024/11/29 5:14:02/

好久没写文章了,最近使用了 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/server/145823.html

相关文章

导入100道注会cpa题的方法,导入试题,自己刷题

一、问题描述 复习备考的小伙伴们,往往希望能够利用零碎的时间和手上的试题,来复习和备考 用一个能够导入自己试题的刷题工具,既能加强练习又能利用好零碎时间,是一个不错的解决方案 目前市面上刷题工具存下这些问题 1、要收费…

计算机网络安全实验-使用Kali进行Metasploit操作宿主机摄像头的相关操作步骤

目录 一、生成Payload(木马程序) 二、设置Metasploit监听 三、将Payload传输到目标Windows系统并执行 操作示例: 关闭在Windows中运行的 back.exe(恶意木马文件)的方法: 以下是使用Kali IP为192.168.14…

全球联络呼叫中心:对中国企业出海的重要价值

一、引言 在全球经济一体化的背景下,中国企业出海已经成为一种趋势。然而,海外市场与国内市场在诸多方面存在差异,如何有效地与海外客户沟通、提供优质服务,成为了中国企业出海过程中必须面对的问题。全球联络呼叫中心作为连接企…

Leetcode 每日一题 30.串联所有单词的子串

目录 问题描述 示例 问题分析 算法设计 1. 初始化 2. 滑动窗口 3. 窗口扩展和收缩 4. 检查子串 5. 返回结果 过题图片 代码实现 题目地址 总结 问题描述 给定一个字符串 s 和一个字符串数组 words。words 中所有字符串长度相同。s 中的串联子串是指一个包含 words…

Python 使用 OpenCV 将 MP4 转换为 GIF图

以下是使用 Python 和 OpenCV 将 MP4 转换为 GIF 的示例代码: python import cv2 import imageiodef mp4_to_gif(mp4_path, gif_path, fps10, start_timeNone, end_timeNone):"""将MP4视频转换为GIF动图。:param mp4_path: 输入MP4视频的路径。:pa…

【探寻密码的奥秘】-000:密码相关概念定义及介绍(持续更新~~)

密码相关概念 1、密码学 1、密码学 密码学是研究密码与密码活动本质和规律,以及指导密码实践的科学,主要探索密码编码和密码分析的一般规律,它是一门结合数学、计算机科学、信息通信系统等多门学科为一体的综合性学科。 密码学的常见应用场景…

算法篇:贪心算法

题目一:均分纸牌 有n堆纸牌,编号分别为 1,2,…,n1,2,…,n。每堆上有若干张,但纸牌总数必为nn的倍数。可以在任一堆上取若干张纸牌,然后移动。 移牌规则为:在编号为11的…

读书笔记_《创华为.任正非传》_精华书摘

人生经历 43岁,开始创建华为 爷爷:金华火腿乡间厨师 父亲: 1910年生,北平民大经济系读书->职业学校任教->国民党兵工厂会计,组织读书会(读书会后来有很多人在新中国成立后成为高级干部。) 母亲: 高中毕业,乡村教师&#xf…