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

kjthegm6  于 5个月前  发布在  其他
关注(0)|答案(6)|浏览(66)

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(截图或动态图)

Other relevant information(格外信息)
  • Your OS: Microsoft Windows 10 教育版
  • Node.js version: v10.15.3
  • vue-element-admin version:
k0pti3hp

k0pti3hp1#

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

kg7wmglp

kg7wmglp2#

emmm 应该算是优化问题

ubbxdtey

ubbxdtey3#

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

zzzyeukh

zzzyeukh4#

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

dwthyt8l

dwthyt8l5#

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

mum43rcc

mum43rcc6#

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

相关问题