vue離開(kāi)當(dāng)前頁(yè)面觸發(fā)的函數(shù)代碼
我就廢話不多說(shuō)了,大家還是直接看代碼吧~
destroyed(){
console.log('銷(xiāo)毀')
}
補(bǔ)充知識(shí):vue中進(jìn)入路由頁(yè)面和離開(kāi)路由頁(yè)面后執(zhí)行函數(shù)
進(jìn)入路由頁(yè)面
mounted(){
this.$nextTick(()=>{
show();
})
}
離開(kāi)路由頁(yè)面后執(zhí)行函數(shù)
destroyed: function () {
console.log("我已經(jīng)離開(kāi)了!");
this.stopTimer();
},
說(shuō)明:destroyed是與methods、mounted同層級(jí)的
mounted(){
this.startTimer();
},
//離開(kāi)當(dāng)前頁(yè)面后執(zhí)行
destroyed: function () {
this.stopTimer();
},
以上這篇vue離開(kāi)當(dāng)前頁(yè)面觸發(fā)的函數(shù)代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue @click.stop阻止事件向祖先元素傳遞方式(事件冒泡)
在Vue中,使用@click.stop修飾符可以阻止事件向父級(jí)元素傳遞,從而實(shí)現(xiàn)單擊父級(jí)元素執(zhí)行函數(shù),而單擊子元素不執(zhí)行函數(shù)的需求2025-02-02
詳解vue+vuex+koa2開(kāi)發(fā)環(huán)境搭建及示例開(kāi)發(fā)
本篇文章主要介紹了詳解vue + vuex + koa2開(kāi)發(fā)環(huán)境搭建及示例開(kāi)發(fā),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
vue結(jié)合axios實(shí)現(xiàn)restful風(fēng)格的四種請(qǐng)求方式
這篇文章主要介紹了vue結(jié)合axios實(shí)現(xiàn)restful風(fēng)格的四種請(qǐng)求方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06
vue?ElementUI級(jí)聯(lián)選擇器回顯問(wèn)題解決
這篇文章主要介紹了vue?ElementUI級(jí)聯(lián)選擇器回顯問(wèn)題解決,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-09-09
Vue3響應(yīng)式對(duì)象Reactive和Ref的用法解讀
這篇文章主要介紹了Vue3響應(yīng)式對(duì)象Reactive和Ref的用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09
一鍵將Word文檔轉(zhuǎn)成Vue組件mammoth的應(yīng)用詳解
這篇文章主要為大家介紹了一鍵將Word文檔轉(zhuǎn)成Vue組件mammoth的應(yīng)用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02

