解決Vue使用百度地圖BMapGL內(nèi)存泄漏問題?Out?of?Memory
使用百度地圖BMapGL內(nèi)存泄漏 Out of Memory
在項(xiàng)目中使用了ElementUI 的 drawer 組件有地圖操作
并開啟了 :destroy-on-close=“true” 。
開關(guān)多次以后瀏覽器崩潰了。
刷新頁面,打開任務(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í)例,所以要在銷毀鉤子里對(duì)地圖進(jìn)行銷毀
? beforeDestroy() { ? ? map.destroy() ? ? map = null ? },
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vue項(xiàng)目引入百度地圖BMapGL鼠標(biāo)繪制和BMap輔助工具
- vue中報(bào)錯(cuò)“error‘xxx‘?is?defined?but?never?used”問題及解決
- Vue-cli3 $ is not defined錯(cuò)誤問題及解決
- 解決Vue控制臺(tái)報(bào)錯(cuò)Failed to mount component: template or render function not defined.
- vue報(bào)錯(cuò)Cannot?read?properties?of?undefined?(...)類型的解決辦法
- vue在data中定義變量后依舊報(bào)undefined的解決
- 完美解決vue引入BMapGL is not defined的問題
相關(guān)文章
Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請(qǐng)求
這篇文章主要介紹了Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請(qǐng)求,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決
這篇文章主要介紹了VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11vue3使用mitt.js實(shí)現(xiàn)各種組件間的通信
在vue工程中,除開vue自帶的什么父子間,祖孫間通信,還有一個(gè)非常方便的通信方式,類似Vue2.x?使用?EventBus?進(jìn)行組件通信,而?Vue3.x?推薦使用?mitt.js,可以實(shí)現(xiàn)各個(gè)組件間的通信,所以本文給大家介紹了vue3使用mitt.js實(shí)現(xiàn)組件通信,需要的朋友可以參考下2024-05-05vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)
最近在用VUE寫大屏頁面,遇到屏幕自適應(yīng)問題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06vue axios數(shù)據(jù)請(qǐng)求get、post方法及實(shí)例詳解
axios是一個(gè)基于Promise,同時(shí)支持瀏覽器端和Node.js的HTTP庫,常用于Ajax請(qǐng)求。這篇文章主要介紹了vue axios數(shù)據(jù)請(qǐng)求get、post方法的使用 ,需要的朋友可以參考下2018-09-09Vue.js實(shí)現(xiàn)大屏數(shù)字滾動(dòng)翻轉(zhuǎn)效果
大屏數(shù)字滾動(dòng)翻轉(zhuǎn)效果來源于最近工作中element后臺(tái)管理頁面一張大屏的UI圖,該UI圖上有一個(gè)模塊需要有數(shù)字往上翻動(dòng)的效果。本文通過截圖代碼的形式給大家介紹Vue.js實(shí)現(xiàn)大屏數(shù)字滾動(dòng)翻轉(zhuǎn)效果,感興趣的朋友一起看看吧2019-11-11