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(截图或动态图)
Link to minimal reproduction(最小可在线还原demo)
Other relevant information(格外信息)
- Your OS: Microsoft Windows 10 教育版
- Node.js version: v10.15.3
- vue-element-admin version:
6条答案
按热度按时间k0pti3hp1#
dom节点太多了,可以考虑虚拟滚动处理大数据
kg7wmglp2#
emmm 应该算是优化问题
ubbxdtey3#
内存没法当垃圾回收,优化还得是虚拟滚动
zzzyeukh4#
楼主有解决吗 标签页关闭后 内存也不释放
dwthyt8l5#
同问,这种情况要怎么解决
mum43rcc6#
都已经分页了就限制每页最大数量。不然就用虚拟列表