Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
916 stars 357 forks source link

[Tabs] Tabs组件会导致内存泄漏 #2067

Open cfool opened 1 year ago

cfool commented 1 year ago

tdesign-vue 版本

1.0.6

重现链接

https://7zsxtc.csb.app/

重现步骤

1、打开浏览器的devtools,打开Detached Elements和Performance monitor页签 2、点击“切换”进行tabs组件的隐藏和显示。 3、每次切换后,在Detached Elements页签点击进行内存垃圾回收,然后查看Detached Elements和Performance monitor页签

期望结果

每次切换后,内存为确定值,且Detached Elements不会一直增长

实际结果

Detached Elements一直增长,并且都是tabs组件渲染的dom元素

Performance Monitor页签下, Dom Nodes和 JS heap size一直增加,并且无法通过垃圾回收。

框架版本

Vue 2.6.14

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 1 year ago

👋 @cfool,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] commented 1 year ago

♥️ 有劳 @start940315 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @cfool 。

cfool commented 1 year ago
image image
cfool commented 1 year ago

在项目比较大的情况下,tabs组件所在的整个view页面都会变为Detached Elements,会有严重的内存泄漏问题。