javascript - 請(qǐng)問一下組件的生命周期beforeDestory是在什么情況下面觸發(fā)的呢?
問題描述
進(jìn)行路由跳轉(zhuǎn)的時(shí)候能觸發(fā)嗎?我發(fā)現(xiàn)我進(jìn)行路由跳轉(zhuǎn)的時(shí)候沒有觸發(fā)beforeDestory里面的函數(shù),但是有段代碼需要在組件銷毀之前執(zhí)行,請(qǐng)問我應(yīng)該怎么做呢?https://jsfiddle.net/44w37p34/ 剛剛有個(gè)朋友給我發(fā)了一個(gè)demo,我發(fā)現(xiàn)他的beforeDestory在路由跳轉(zhuǎn)的時(shí)候觸發(fā)了,但是我的一直都不行,請(qǐng)問是什么原因呢
問題解答
回答1:找到原因了,之前給router-view加了個(gè)keep-alive導(dǎo)致組件緩存了,所以不會(huì)觸發(fā)beforeDestory和destoryed
回答2:我試了一下,切換路由的時(shí)候能觸發(fā)執(zhí)行beforeDestroy方法,示例如下。
const Home = {template: ` <p> <p class='section'>Some section foo</p> <p class='section'>Some section foo</p> <p class='section'>Some section foo</p> <p class='section'>Some section foo</p> </p> `,mounted() { console.log('Home mounted');},beforeDestroy() { console.log('Home destroy');} }; const Test = {template: ` <p> <p class='section'>Some section test</p> <p class='section'>Some section test</p> <p class='section'>Some section test</p> <p class='section'>Some section test</p> </p> `,mounted() { console.log('Test mounted');},beforeDestroy() { console.log('Test destroy');} };
相關(guān)文章:
1. docker - 如何修改運(yùn)行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?4. javascript - log4js的使用問題5. javascript - 移動(dòng)端textarea不能上下滑動(dòng),該怎么解決?6. css - 對(duì)于類選擇器使用的問題7. javascript - 音頻加載問題8. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果9. javascript - Ajax加載Json時(shí),移動(dòng)端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?10. javascript - 有沒有什么好的圖片懶加載的插件,需要包含監(jiān)聽頁面滾動(dòng)高度,然后再加載的功能
