当前位置: 首页 > article >正文

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

好久没写文章了,最近使用了 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.kler.cn/a/414920.html

相关文章:

  • 安卓悬浮窗应用外无法穿透事件问题
  • python学习——enumerate
  • 快速排序hoare版本和挖坑法(代码注释版)
  • MFC 对话框中显示CScrollView实例
  • _C#_串口助手_字符串拼接缺失问题(未知原理)
  • 挑战用React封装100个组件【001】
  • daos源码编译
  • Redis 可观测最佳实践
  • 变换矩阵左乘与右乘的区别和应用
  • Linux开发者的CI/CD(11)jenkins变量
  • 代码随想录算法训练营第六十天|Day60 图论
  • Flutter:首页数据缓存,读取缓存,更新缓存
  • git rebase-优雅合并与修改提交
  • ESP32 wifi smartConfig 配网时密码错误导致一直死循环问题解决
  • sqlmap学习,打靶sqli-labs.(1-19)
  • django实现paypal订阅记录
  • HTML 霓虹灯开关效果
  • AI工程师学习路线图
  • 设置ip和代理DNS的WindowsBat脚本怎么写?
  • Jenkins 忘记登录密码
  • Mouser EDI 需求分析
  • 网络安全之——DNS欺骗实验
  • 适配器模式(一种设计模式)
  • 【基础】jsonpath
  • 【iOS】知乎日报总结
  • RSTP与MSTP实验