解决方案参考:https://blog.csdn.net/tzllxya/article/details/90676040?utm_medium=distribute.wap_relevant_download.none-task-blog-baidujs-1.nonecase&depth_1-utm_source=distribute.wap_relevant_download.none-task-blog-baidujs-1.nonecase
一、原因分析
当页面表格出现大量数据时,页面中的DOM元素大量增加,导致系统内存大量被占用。导致页面卡顿或崩溃
二、解决方案
使用虚拟滚动
三、现成的table虚拟滚动工具
vxe-table组件
参考地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/scroll/scroll
当网页中表格包含大量数据时,会导致DOM元素数量激增,进而消耗大量内存,造成页面卡顿甚至崩溃。为解决这一问题,可以采用虚拟滚动技术。虚拟滚动允许只渲染可视区域内的表格行,从而显著减少内存占用和提高页面响应速度。vxe-table组件是一个现成的实现表格虚拟滚动的工具,通过引用该组件,开发者可以轻松地在项目中实现高性能的表格展示。
3930

被折叠的 条评论
为什么被折叠?



