- 博客(2)
- 收藏
- 关注
RSS订阅原创 解决el-select数据量过大导致页面卡顿的方法
【摘要】针对el-select组件加载1万多条数据导致系统卡顿的问题，文章提出三种优化方案：1）自定义滚动指令实现分页加载，通过监听滚动事件动态加载数据，支持自定义过滤；2）采用虚拟列表技术（含社区插件和手写实现），通过计算可视区域动态渲染元素，大幅提升性能；3）后端配合改造，实现分页查询和远程过滤接口，适用于超大规模数据场景。方案一适合中小数据量，方案二通过虚拟化解决渲染性能，方案三适用于百万级数据。文中提供了关键代码示例和实现思路，涵盖了从前端优化到前后端协作的综合解决方案。
2025-06-09 09:43:12
880
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人