vxe-table 复杂渲染虚拟滚动白屏的官方解决方案

官网文档:https://vxetable.cn

使用 v4.7+ 与3.9+ 大幅提升虚拟滚动渲染性能,虚拟滚动白屏是由于单元格的渲染比较复杂,耗时比较久,渲染跟不上导致滚动期间可能会出现空白。建议是避免在单元格中使用重度的组件,同步执行耗时太久的组件。

接下测一下看看官方的虚拟滚动,测一下渲染。

加载性能

以下是试用 4.7+ 的版本做了测试。

使用了毕竟复杂的左右冻结列以及100列、和复杂一些渲染。\
5万行在 300 毫秒以内

代码



试了一下滚动非常流畅,丝滑滚动。

github\
gitee

你可能感兴趣的:(vue.js)