vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

开启虚拟滚动,横向滚动偶现卡顿,严重时卡死,行数列数都很少。

Open pjxxcc opened this issue 1 year ago • 2 comments

可复现的链接:

非必现

问题描述与截图:

这个问题存在好久了,时有出现,一年多了,没有找到复现方法。

问题特征:

  1. 非必现,平时很流畅;
  2. 一旦出现问题,现象较轻时只是表头与内容不同步,严重时会卡死,浏览器弹出提示,询问是否等待;
  3. 有时候只有两行、十多列也会卡,浏览器全部关闭后只开启一个标签页,也还是卡;
  4. 卡顿甚至卡死的时候,不管它,放置一段时间后,往往问题会减轻或者恢复流畅;
  5. 卡顿时录制 Chrome Performance,发现卡顿时并没有js调用,是底层的 commit 任务会耗时几秒甚至几十秒导致线程堵塞;
  6. 卡顿时做其他网页操作都是正常的,仅仅只有横向滚动表格会卡;
  7. 卡顿时并没有大量的系统资源占用,浏览器cpu占用只有2%不到,gpu占用也只有5%

在谷歌找到类似的问题记录,不过也没有进展。 "Commit" phase taking extremely long time to complete in Chrome

这是出现问题时录制的 Chrome Performance,底层 commit 任务阻塞线程: image

期望的结果:

No response

操作系统:

window10/11

浏览器版本:

118.0.5993.118

vue 版本:

2.6.11

vxe-table 版本:

3.7.6

pjxxcc avatar Nov 01 '23 08:11 pjxxcc