解決Vue使用百度地圖BMapGL內(nèi)存泄漏問(wèn)題?Out?of?Memory

更新時(shí)間：2022年12月05日 09:54:37 作者：瀟似風(fēng)

這篇文章主要介紹了解決Vue使用百度地圖BMapGL內(nèi)存泄漏問(wèn)題?Out?of?Memory，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

使用百度地圖BMapGL內(nèi)存泄漏 Out of Memory

在項(xiàng)目中使用了ElementUI 的 drawer 組件有地圖操作

并開(kāi)啟了 :destroy-on-close=“true” 。

開(kāi)關(guān)多次以后瀏覽器崩潰了。

刷新頁(yè)面，打開(kāi)任務(wù)管理器，復(fù)現(xiàn)剛剛的操作，會(huì)發(fā)現(xiàn)瀏覽器的內(nèi)存占用一直在增加

解決

1.對(duì)象不定義在data中

? initMap(){
? ? ?map = new BMapGL.Map("allMap") // 創(chuàng)建Map實(shí)例
? }

2.在vue中組件使用 v-if 指令會(huì)從dom中移除

但不會(huì)清除地圖實(shí)例，所以要在銷(xiāo)毀鉤子里對(duì)地圖進(jìn)行銷(xiāo)毀

? beforeDestroy() {
? ? map.destroy()
? ? map = null
? },

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

了解VUE的render函數(shù)的使用
本篇文章主要介紹了了解VUE的render函數(shù)的使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-06-06
對(duì)Vue beforeRouteEnter 的next執(zhí)行時(shí)機(jī)詳解
今天小編就為大家分享一篇對(duì)Vue beforeRouteEnter 的next執(zhí)行時(shí)機(jī)詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
Vue自定義圖片懶加載指令v-lazyload詳解
這篇文章主要為大家詳細(xì)介紹了Vue自定義圖片懶加載指令v-lazyload，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
vue中實(shí)現(xiàn)千位分隔符的示例代碼
本文主要介紹了vue中實(shí)現(xiàn)千位分隔符的示例代碼,主要兩種方法,一種是某一個(gè)字段轉(zhuǎn)換,一種是表格table中的整列字段轉(zhuǎn)換,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-11-11
antfu大佬的v-lazy-show教我學(xué)會(huì)了怎么編譯模板指令
這篇文章主要介紹了antfu大佬的v-lazy-show,我學(xué)會(huì)了怎么編譯模板指令示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
如何使用Vue3+elementPlus的Tree組件實(shí)現(xiàn)一個(gè)拖拽文件夾管理
最近在做一個(gè)文件夾管理的功能，要實(shí)現(xiàn)一個(gè)樹(shù)狀的拖拽文件夾面板，里面包含兩種元素，文件夾以及文件，這篇文章主要介紹了使用Vue3+elementPlus的Tree組件實(shí)現(xiàn)一個(gè)拖拽文件夾管理?,需要的朋友可以參考下
2023-09-09
vue使用el-upload上傳文件及Feign服務(wù)間傳遞文件的方法
這篇文章主要介紹了vue使用el-upload上傳文件及Feign服務(wù)間傳遞文件的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-03-03
Nuxt.js實(shí)現(xiàn)一個(gè)SSR的前端博客的示例代碼
這篇文章主要介紹了Nuxt.js實(shí)現(xiàn)一個(gè)SSR的前端博客的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
Vue中@click事件的常見(jiàn)修飾符用法總結(jié)
這篇文章主要給大家介紹了關(guān)于Vue中@click事件的常見(jiàn)修飾符用法的相關(guān)資料,@click事件修飾符是在Vue組件中用來(lái)修改@click事件行為的特殊標(biāo)記,需要的朋友可以參考下
2023-10-10
Vue文件如何代替?zhèn)鹘y(tǒng)的HTML文件
隨著前端工程化的不斷推進(jìn),傳統(tǒng)的HTML、CSS、JavaScript三者分離的開(kāi)發(fā)模式逐漸顯露出一些不足之處,尤其是在構(gòu)建復(fù)雜的單頁(yè)應(yīng)用（SPA）時(shí),Vue.js作為一個(gè)現(xiàn)代化的前端框架,提供了多種工具和技術(shù)來(lái)簡(jiǎn)化開(kāi)發(fā)流程,本文將探討.vue文件是如何替代傳統(tǒng)HTML文件的角色
2024-10-10