element-plus [Component] [input-number] InputNumber销毁时没有解绑指令事件,造成内存不能回收

vltsax25  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(47)

Bug Type: Component

Environment

  • Vue Version: 3.3.4
  • Element Plus Version: 2.3.6
  • Browser / OS: Chrome/111.0.0.0
  • Build Tool: Webpack

Reproduction

  • el-input-number

Github Repo

Steps to reproduce

点击 home 页面,渲染 20 个InputNumber.在点击 About 跳转路由,此时 home 组件开始卸载,正常来说 20 个 InputNumber 组件也会跟着卸载。

控制台中有打印 HomeView unmounting.....

但是根据 谷歌 memory 面板几次内存快照对比,发现有存在大量游离的dom 以及监听事件未移除

What is Expected?

内存中没有dom应用,完全销毁

What is actually happening?

存在引用

Additional comments

因为项目是微前端项目,有许多子应用,并且每个子应用的页面中有大量inputNumber(业务需要)。在卸载子应用的时候发现内存回收少部分,造成浏览器报 Out of Memory

相关问题