element-ui table表格全选 toggleRowSelection 数据过多 页面卡死

clipboard.png
element-ui 全选有这个方法

clipboard.png
目前需求是:点击全选按钮,把4747条数据全部选中

clipboard.png
这么做代码没问题,但是数据量过多,页面直接卡死,请问各位有什么解决办法吗?

阅读 8k
6 个回答

clipboard.png
我觉得你可以用这个方法吧 就不用传参数了

数据这么多,分页是前台分页吗?
我建议是这个东西做成后台分页,然后增加一个全部toggle的后台接口,前端直接提供一个全部toggle的按钮功能,其他的都按照当前页来处理。
我这个是建议,解决不了你那个问题

  1. 如果是后端分页, 那只能排查其他原因了;
  2. 如果你这个项目是前端做的分页, 只能改成后端分页. 400多页的数据, 太多了. 这种需求正常情况下在评审的时候都过不了;

换框架了 ant可以解决

点击全选按钮,把4747条数据全部选中?4700+的数据啊,dom元素过多,页面渲染过于消耗内存引起的卡顿,换个思路操作不行吗?你们产品设计是猪吗?

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