element-ui+vue搭建的树形表格,在获取大量数据时候页面直接卡死,求解决思路!

项目需要做了个树形的表格如图所示,在少量数据的时候页面还比较流觞,导入了上千条数据后,直面直接卡死,第一次请求渲染DOM的时候用了3~5s,进来之后展开按钮基本是无法点击,点击一下整个页面什么也无法操作,卡顿5s之后,整个页面卡空白,才会出现数据。并且要求还不能使用分页,请大家给一个思路。

图片描述

阅读 10.9k
5 个回答

分段请求,刚进来仅显示第一级数据,点击时根据点击的节点请求下一级数据,当然这需要和后台商量商量,这样做是很有好处的,将来数据越来越多或者要增加更多数据页面也不会那么卡顿

新手上路,请多包涵

这个我也遇到了,解决了没

懒加载貌似可以用,跟后端开发人员确认一下这个数据的查询接口,数据治理必须要完整,量级大的分段

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏