vue-element-admin icon indicating copy to clipboard operation
vue-element-admin copied to clipboard

项目占用浏览器内存过高,很长时间不释放

Open wuyefeiying opened this issue 4 years ago • 6 comments

Question(提问)

项目占用浏览器内存过高,很长时间不释放,这个问题是vue的问题还是el-table组件的问题呢

Steps to reproduce(问题复现步骤)

1、将项目中mock\article.js 文件中 count 参数改为 10000 2、设置 src\components\Pagination\index.vue 文件中参数pageSizes 改为 [10, 20, 30, 50, 1000, 3000] 3、在complex table页面上选择每页展示 1000条 或者3000 条,浏览器占用内存800M-1G多,且长时间内存不释放,内存占用到1g以后浏览器出现卡死现象,可能导致死机。 4、模板上的数据是10几个显示字段,我这边真实数据每条50多个字段,每页显示500条的时候,内存占用大概800-900M。 5、切换页面后,内存有所减少从800M降到了500M,基本保持在500M左右。

Screenshot or Gif(截图或动态图)

mock page table1 table2 table3

Link to minimal reproduction(最小可在线还原demo)

Other relevant information(格外信息)

  • Your OS: Microsoft Windows 10 教育版
  • Node.js version: v10.15.3
  • vue-element-admin version:

wuyefeiying avatar Jul 01 '20 03:07 wuyefeiying

dom节点太多了,可以考虑虚拟滚动处理大数据

eeezgame avatar Jul 20 '20 02:07 eeezgame

emmm 应该算是优化问题

eeezgame avatar Jul 20 '20 02:07 eeezgame

内存没法当垃圾回收,优化还得是虚拟滚动

Minitiai avatar Jul 21 '20 07:07 Minitiai

楼主有解决吗 标签页关闭后 内存也不释放

wzch333 avatar Dec 15 '20 09:12 wzch333

同问,这种情况要怎么解决

lenvonsam avatar Sep 06 '23 01:09 lenvonsam

都已经分页了就限制每页最大数量。不然就用虚拟列表

zhihuifanqiechaodan avatar Sep 06 '23 10:09 zhihuifanqiechaodan