admin管理员组

文章数量:1130349

keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高



当这个navtab不断切换时，js heap size就会慢慢变高。

解决办法：

1：查找一下setTimeout定时器有没有清除

2：keep-alive缓存是否清除

3：是否用了iframe (很大嫌疑）

当你的页面上的iframe是直接引用而不是隐藏在组件弹出框中的话，就会造成：每次切换到这个页面，除非秒切，不然会触发webpack的dev机制，引发 Waiting for update signal from WDS…。
而在 Waiting for update signal from WDS…中时，你必须等待它加载完毕再运行，不然任何操作都会让浏览器内存暴涨，而这个想让它释放掉很困难。

keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高



当这个navtab不断切换时，js heap size就会慢慢变高。

解决办法：

1：查找一下setTimeout定时器有没有清除

2：keep-alive缓存是否清除

3：是否用了iframe (很大嫌疑）

当你的页面上的iframe是直接引用而不是隐藏在组件弹出框中的话，就会造成：每次切换到这个页面，除非秒切，不然会触发webpack的dev机制，引发 Waiting for update signal from WDS…。
而在 Waiting for update signal from WDS…中时，你必须等待它加载完毕再运行，不然任何操作都会让浏览器内存暴涨，而这个想让它释放掉很困难。

本文标签： 过高包裹组件浏览器内存

版权声明：本文标题：vue优化，解决bug: Waiting for update signal from WDS...时间过长,keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754943803a2744725.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。