vxe-table
vxe-table copied to clipboard
开启虚拟滚动,横向滚动偶现卡顿,严重时卡死,行数列数都很少。
可复现的链接:
非必现
问题描述与截图:
这个问题存在好久了,时有出现,一年多了,没有找到复现方法。
问题特征:
- 非必现,平时很流畅;
- 一旦出现问题,现象较轻时只是表头与内容不同步,严重时会卡死,浏览器弹出提示,询问是否等待;
- 有时候只有两行、十多列也会卡,浏览器全部关闭后只开启一个标签页,也还是卡;
- 卡顿甚至卡死的时候,不管它,放置一段时间后,往往问题会减轻或者恢复流畅;
- 卡顿时录制 Chrome Performance,发现卡顿时并没有js调用,是底层的 commit 任务会耗时几秒甚至几十秒导致线程堵塞;
- 卡顿时做其他网页操作都是正常的,仅仅只有横向滚动表格会卡;
- 卡顿时并没有大量的系统资源占用,浏览器cpu占用只有2%不到,gpu占用也只有5%
在谷歌找到类似的问题记录,不过也没有进展。 "Commit" phase taking extremely long time to complete in Chrome
这是出现问题时录制的 Chrome Performance,底层 commit 任务阻塞线程:
期望的结果:
No response
操作系统:
window10/11
浏览器版本:
118.0.5993.118
vue 版本:
2.6.11
vxe-table 版本:
3.7.6