vue keepAlive组件中的storageContainer存在内存泄漏

Vue测试版本

"vue": "3.2.12",

内存泄漏快照

源码分析内存泄漏原因

在keepAlive组件的setup函数中, 声明了一个变量 const storageContainer = createElement('div');,在组件失活的时候会将当前组件的真实DOM移到storageContainer节点下面; 但当组件卸载时,没有将该组件的真实DOM从storageContainer节点上移除,故导致内存泄漏。

解决方案

在pruneCacheEntry函数中, 将组件真实DOM从storageContainer节点下移除

相关推荐
天天向上10241 小时前
VSCode 使用import导入js/vue等时添加智能提示,并可跳转到定义
javascript·vue.js·vscode
究极无敌暴龙战神X2 小时前
一篇文章学懂Vuex
前端·javascript·vue.js
shaoin_22 小时前
Vue3中ref与reactive的区别
前端·vue.js
qq_316837754 小时前
vue 3D 翻页效果
前端·vue.js·3d
Emma_Maria4 小时前
分享一个后端说异步导出,前端的实现方法
前端·vue.js·elementui
噶琪4 小时前
📝尤雨溪对逻辑复用的讲解 - 从 Mixin、高阶组件到 Hooks
vue.js
亿点鸭梨5 小时前
如何在 UniApp 中集成激励奖励(流量主)
前端·javascript·vue.js·uni-app
念九_ysl6 小时前
HTML使用 Vue 3 和 Element Plus 实现图片上传功能
前端·javascript·vue.js
m0_748240917 小时前
Docker部署Spring Boot + Vue项目
vue.js·spring boot·docker
bin91539 小时前
DeepSeek 助力 Vue 开发:打造丝滑的文本输入框(Text Input)
前端·javascript·vue.js·前端框架·ecmascript·deepseek