欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2022年12月05日 09:54:37   作者:瀟似風(fēng)  
這篇文章主要介紹了解決Vue使用百度地圖BMapGL內(nèi)存泄漏問題?Out?of?Memory,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

使用百度地圖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è)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue使用自定義指令來控制頁面按鈕組的權(quán)限思想

    vue使用自定義指令來控制頁面按鈕組的權(quán)限思想

    這篇文章主要介紹了vue使用自定義指令來控制頁面按鈕組的權(quán)限思想,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • 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)求

    這篇文章主要介紹了Vue 實(shí)現(xiàn)監(jiān)聽窗口關(guān)閉事件,并在窗口關(guān)閉前發(fā)送請(qǐng)求,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09
  • Vue.js中關(guān)于“{{}}”的用法

    Vue.js中關(guān)于“{{}}”的用法

    這篇文章主要介紹了Vue.js中關(guān)于“{{}}”的用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決

    VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決

    這篇文章主要介紹了VueCli生產(chǎn)環(huán)境打包部署跨域失敗的解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • vue3使用mitt.js實(shí)現(xiàn)各種組件間的通信

    vue3使用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-05
  • vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)

    vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)

    最近在用VUE寫大屏頁面,遇到屏幕自適應(yīng)問題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • Vue混入使用和選項(xiàng)合并詳解

    Vue混入使用和選項(xiàng)合并詳解

    這篇文章主要介紹了Vue混入使用和選項(xiàng)合并,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2021-10-10
  • vue axios數(shù)據(jù)請(qǐng)求get、post方法及實(shí)例詳解

    vue 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-09
  • Mpvue中使用Vant Weapp組件庫的方法步驟

    Mpvue中使用Vant Weapp組件庫的方法步驟

    這篇文章主要介紹了Mpvue中使用Vant Weapp組件庫的方法步驟,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-05-05
  • Vue.js實(shí)現(xiàn)大屏數(shù)字滾動(dòng)翻轉(zhuǎn)效果

    Vue.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

最新評(píng)論