解決Vue使用百度地圖BMapGL內(nèi)存泄漏問題?Out?of?Memory
更新時間：2022年12月05日 09:54:37 作者：瀟似風(fēng)
這篇文章主要介紹了解決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)剛剛的操作，會發(fā)現(xiàn)瀏覽器的內(nèi)存占用一直在增加
解決
1.對象不定義在data中
? initMap(){
? ? ?map = new BMapGL.Map("allMap") // 創(chuàng)建Map實(shí)例
? }2.在vue中組件使用 v-if 指令會從dom中移除
但不會清除地圖實(shí)例，所以要在銷毀鉤子里對地圖進(jìn)行銷毀
? beforeDestroy() {
? ? map.destroy()
? ? map = null
? },總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue項(xiàng)目引入百度地圖BMapGL鼠標(biāo)繪制和BMap輔助工具
- vue中報(bào)錯“error‘xxx‘?is?defined?but?never?used”問題及解決
- Vue-cli3 $ is not defined錯誤問題及解決
- 解決Vue控制臺報(bào)錯Failed to mount component: template or render function not defined.
- vue報(bào)錯Cannot?read?properties?of?undefined?(...)類型的解決辦法
- vue在data中定義變量后依舊報(bào)undefined的解決
- 完美解決vue引入BMapGL is not defined的問題
相關(guān)文章
這篇文章主要介紹了vue使用自定義指令來控制頁面按鈕組的權(quán)限思想，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請求
這篇文章主要介紹了Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請求，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了Vue.js中關(guān)于“{{}}”的用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決
這篇文章主要介紹了VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue3使用mitt.js實(shí)現(xiàn)各種組件間的通信
在vue工程中,除開vue自帶的什么父子間,祖孫間通信,還有一個非常方便的通信方式,類似Vue2.x?使用?EventBus?進(jìn)行組件通信,而?Vue3.x?推薦使用?mitt.js,可以實(shí)現(xiàn)各個組件間的通信,所以本文給大家介紹了vue3使用mitt.js實(shí)現(xiàn)組件通信,需要的朋友可以參考下2024-05-05
vue項(xiàng)目的屏幕自適應(yīng)多個方案總結(jié)
最近在用VUE寫大屏頁面,遇到屏幕自適應(yīng)問題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Vue混入使用和選項(xiàng)合并，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-10-10
vue axios數(shù)據(jù)請求get、post方法及實(shí)例詳解
axios是一個基于Promise,同時支持瀏覽器端和Node.js的HTTP庫，常用于Ajax請求。這篇文章主要介紹了vue axios數(shù)據(jù)請求get、post方法的使用 ,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了Mpvue中使用Vant Weapp組件庫的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
Vue.js實(shí)現(xiàn)大屏數(shù)字滾動翻轉(zhuǎn)效果
大屏數(shù)字滾動翻轉(zhuǎn)效果來源于最近工作中element后臺管理頁面一張大屏的UI圖，該UI圖上有一個模塊需要有數(shù)字往上翻動的效果。本文通過截圖代碼的形式給大家介紹Vue.js實(shí)現(xiàn)大屏數(shù)字滾動翻轉(zhuǎn)效果，感興趣的朋友一起看看吧2019-11-11