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

Vue测试版本

"vue": "3.2.12",

内存泄漏快照

源码分析内存泄漏原因

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

解决方案

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

相关推荐
火乐暖阳8510511 分钟前
Vue3+Node.js
vue.js·node.js·pnpm·koa2·myslq2
吴声子夜歌15 分钟前
Vue3——组件基础
前端·javascript·vue.js
Southern Wind23 分钟前
Vue 3 + Socket.io 实时聊天项目完整开发文档
前端·javascript·vue.js
甄心爱学习25 分钟前
【项目实训(个人4)】
前端·vue.js·python
qq_4198540527 分钟前
clip-path绘制倾斜角裁剪的矩形占比条;基于svg实现仪表盘弧线占比图。
前端·javascript·vue.js
英俊潇洒美少年4 小时前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)
前端·javascript·vue.js
空中海10 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
旷世奇才李先生13 小时前
Vue3\+Vite\+Pinia实战:企业级后台管理系统完整实现(附源码)
vue.js
Cdlblbq17 小时前
搜索会员中心 创作中心Vue2项目一键打包成桌面应用
前端·javascript·vue.js·electron
A_nanda18 小时前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js