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;
}
这样可以保留动画,也能解决我目前的问题,但是闪动不存在了,但是动画还是不太优雅,但也是我目前最合适的解决办法。
未完待续...