vue中destroyed方法及使用示例講解
正文
// 移除監(jiān)聽事件
destroyed() { ?window.removeEventListener('resize', this.resizeWin) }
// 移除對dom的操作
destroyed() { ?$("body").removeClass('maven-select'); }
// 由于EventBus不會憑空消失,所以需要銷毀EventBus相關(guān)定義的事件,否則一直會以指數(shù)型方式觸發(fā) $emit
destroyed() { ?bus.$off('get', this.myhandle) }
// 銷毀VueX中存儲的數(shù)據(jù),否則頁面不刷新,在頁面剛渲染時,一直展示的是上次的數(shù)據(jù)
destroyed() { ?this.$store.dispatch("cleartList"); }
// 清空瀏覽器localStorage種植的某些變量
destroyed() { ?window.localStorage.removeItem("ID"); }
// 銷毀定時器
destroyed() { ?clearInterval(this.timer); ?this.timer = null; }
// beforeDestroy 移除echarts的所有鼠標(biāo)事件以及清空會話
beforeDestroy() { ?this.chartDom.off('click'); ?this.chartDom.clear(); }
以上就是vue中destroyed方法及使用示例講解的詳細(xì)內(nèi)容,更多關(guān)于vue destroyed方法的資料請關(guān)注腳本之家其它相關(guān)文章!
- vue3模塊創(chuàng)建runtime-dom源碼解析
- Vue完整版和runtime版的區(qū)別詳解
- vue開發(fā)runtime core中的虛擬節(jié)點(diǎn)示例詳解
- Vue.js和Vue.runtime.js區(qū)別淺析
- vue-next/runtime-core 源碼閱讀指南詳解
- Vue中使用localStorage存儲token并設(shè)置時效
- vue中?render?函數(shù)功能與原理分析
- Vue中Number方法將字符串轉(zhuǎn)換為數(shù)字的過程
- Vue中 Runtime + Compiler 和 Runtime-only 兩種模式含義和區(qū)別詳解
相關(guān)文章
vue高德地圖JS API實現(xiàn)海量點(diǎn)標(biāo)記示例
本文主要介紹了vue高德地圖JS API實現(xiàn)海量點(diǎn)標(biāo)記示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08快速解決Error: error:0308010C:digital envelope ro
因為 node.js V17版本中最近發(fā)布的OpenSSL3.0, 而OpenSSL3.0對允許算法和密鑰大小增加了嚴(yán)格的限制,下面通過本文給大家分享快速解決Error: error:0308010C:digital envelope routines::unsupported的三種解決方案,感興趣的朋友一起看看吧2024-02-02Vue3?封裝擴(kuò)展并簡化Vuex在組件中的調(diào)用問題
這篇文章主要介紹了Vue3?封裝擴(kuò)展并簡化Vuex在組件中的調(diào)用,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01Vue3 封裝 element-plus 圖標(biāo)選擇器實現(xiàn)步驟
這篇文章主要介紹了Vue3 封裝 element-plus 圖標(biāo)選擇器,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09