vue離開當(dāng)前頁(yè)面觸發(fā)的函數(shù)代碼
更新時(shí)間：2020年09月01日 09:35:33 作者：姚輝乾
這篇文章主要介紹了vue離開當(dāng)前頁(yè)面觸發(fā)的函數(shù)代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
我就廢話不多說了，大家還是直接看代碼吧~
destroyed(){
console.log('銷毀')
}
補(bǔ)充知識(shí)：vue中進(jìn)入路由頁(yè)面和離開路由頁(yè)面后執(zhí)行函數(shù)
進(jìn)入路由頁(yè)面
mounted(){
this.$nextTick(()=>{
show();
})
}
離開路由頁(yè)面后執(zhí)行函數(shù)
destroyed: function () {
console.log("我已經(jīng)離開了！");
this.stopTimer();
},
說明：destroyed是與methods、mounted同層級(jí)的
mounted(){
this.startTimer();
},
//離開當(dāng)前頁(yè)面后執(zhí)行
destroyed: function () {
this.stopTimer();
},
以上這篇vue離開當(dāng)前頁(yè)面觸發(fā)的函數(shù)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
全局變量（函數(shù)等）可以在任意組件內(nèi)訪問,可以當(dāng)組件間的傳值使用,這篇文章給大家介紹vue3 定義使用全局變量的示例詳解,感興趣的朋友跟隨小編一起看看吧2023-10-10
這篇文章主要介紹了Vue.2.0.5過渡效果使用技巧，實(shí)例分析了Vue.2.0.5過渡效果的技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
vue+j簡(jiǎn)單的實(shí)現(xiàn)輪播效果,滾動(dòng)公告,銜接
這篇文章主要介紹了vue+j簡(jiǎn)單的實(shí)現(xiàn)輪播效果,滾動(dòng)公告,銜接,文章圍繞主題的相關(guān)資料展開詳細(xì)的內(nèi)容具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-06-06
springboot?vue接口測(cè)試前端模塊樹和接口列表
這篇文章主要為大家介紹了springboot?vue接口測(cè)試前端模塊樹和接口列表，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
Vue?3?使用moment設(shè)置顯示時(shí)間格式的問題及解決方法
在Vue?3中,因?yàn)檫^濾器(filter)已經(jīng)被廢棄,取而代之的是全局方法(global?method),本文給大家介紹Vue?3?使用moment設(shè)置顯示時(shí)間格式的問題及解決方法,感興趣的朋友一起看看吧2023-12-12
在Vue里渲染一塊內(nèi)容，會(huì)有四個(gè)流程步驟，那么該怎么理解這個(gè)流程呢，所以本文就給大家詳細(xì)講解一下Vue 渲染流程，文中有纖細(xì)的代碼示例供大家參考,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了Vue中子組件向父組件傳值$emit、.sync的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09
Element Table 自適應(yīng)高度的實(shí)現(xiàn)示例
el-table的高度不能適應(yīng)不同電腦的分辨率,也不能跟隨瀏覽器的高度變化而變化的問題,本文就來解決一下Element Table 自適應(yīng)高度,感興趣的可以了解一下2024-07-07
關(guān)于Vue實(shí)現(xiàn)組件信息的緩存問題
這篇文章主要介紹了關(guān)于Vue實(shí)現(xiàn)組件信息的緩存問題的相關(guān)資料,需要的朋友可以參考下2017-08-08
本篇文章主要介紹了Vue 開發(fā)模式下跨域問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06