解决Vue使用百度地图BMapGL内存泄漏问题 Out of Memory
更新时间：2022年12月05日 09:54:37 作者：潇似风
这篇文章主要介绍了解决Vue使用百度地图BMapGL内存泄漏问题 Out of Memory，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用百度地图BMapGL内存泄漏 Out of Memory
在项目中使用了ElementUI 的 drawer 组件有地图操作
并开启了 :destroy-on-close=“true” 。
开关多次以后浏览器崩溃了。
刷新页面，打开任务管理器，复现刚刚的操作，会发现浏览器的内存占用一直在增加
解决
1.对象不定义在data中
initMap(){
map = new BMapGL.Map("allMap") // 创建Map实例
}2.在vue中组件使用 v-if 指令会从dom中移除
但不会清除地图实例，所以要在销毁钩子里对地图进行销毁
beforeDestroy() {
map.destroy()
map = null
},总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具
- vue中报错“error‘xxx‘ is defined but never used”问题及解决
- Vue-cli3 $ is not defined错误问题及解决
- 解决Vue控制台报错Failed to mount component: template or render function not defined.
- vue报错Cannot read properties of undefined (...)类型的解决办法
- vue在data中定义变量后依旧报undefined的解决
- 完美解决vue引入BMapGL is not defined的问题
相关文章
这篇文章主要介绍了vue使用自定义指令来控制页面按钮组的权限思想，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了Vue.js中关于“{{}}”的用法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了VueCli生产环境打包部署跨域失败的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
在vue工程中,除开vue自带的什么父子间,祖孙间通信,还有一个非常方便的通信方式,类似Vue2.x 使用 EventBus 进行组件通信,而 Vue3.x 推荐使用 mitt.js,可以实现各个组件间的通信,所以本文给大家介绍了vue3使用mitt.js实现组件通信,需要的朋友可以参考下2024-05-05
最近在用VUE写大屏页面,遇到屏幕自适应问题,下面这篇文章主要给大家介绍了关于vue项目的屏幕自适应多个方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vue混入使用和选项合并，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2021-10-10
axios是一个基于Promise,同时支持浏览器端和Node.js的HTTP库，常用于Ajax请求。这篇文章主要介绍了vue axios数据请求get、post方法的使用 ,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了Mpvue中使用Vant Weapp组件库的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果。本文通过截图代码的形式给大家介绍Vue.js实现大屏数字滚动翻转效果，感兴趣的朋友一起看看吧2019-11-11
最新评论