vue中遇到使用iframe出现的页面崩溃问题
本博主被iframe的毒打,所以打算将此教训记录下来,帮大家避一避坑
·
问题描述(未引入第三方地图插件):因项目原因,多级目录下,需要对地图功能进行操作,我通过iframe标签引入的形式来展示地图,导致地图数据量过大,从而出现的内存泄露问题。
解决方法:起初想通过清除iframe标签和缓存的方式来解决当时的问题,但尝试后无果,未能达到预期的效果,当点击多次的目录,仍然会出现内存泄露的问题。我再次尝试新的解决方案,打算通过vue特性,通过路由缓存的形式,来达到将iframe数据得到缓存的效果,虽然性能方面得到了一些改善,但在点击20次左右的时候问题依然会出现。最后我打算尝试整个项目只用一个iframe标签的形式,将其与router-view放在一层,通过路由来判断iframe显示和隐藏,这样问题就得到了解决。
更多推荐
已为社区贡献2条内容
所有评论(0)