Open cfool opened 1 year ago
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
👋 @cfool,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @start940315 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @cfool 。
在项目比较大的情况下,tabs组件所在的整个view页面都会变为Detached Elements,会有严重的内存泄漏问题。
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