javascript - 請問一下組件的生命周期beforeDestory是在什么情況下面觸發(fā)的呢?
問題描述
進行路由跳轉的時候能觸發(fā)嗎?我發(fā)現(xiàn)我進行路由跳轉的時候沒有觸發(fā)beforeDestory里面的函數(shù),但是有段代碼需要在組件銷毀之前執(zhí)行,請問我應該怎么做呢?https://jsfiddle.net/44w37p34/ 剛剛有個朋友給我發(fā)了一個demo,我發(fā)現(xiàn)他的beforeDestory在路由跳轉的時候觸發(fā)了,但是我的一直都不行,請問是什么原因呢
問題解答
回答1:找到原因了,之前給router-view加了個keep-alive導致組件緩存了,所以不會觸發(fā)beforeDestory和destoryed
回答2:我試了一下,切換路由的時候能觸發(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');} };
相關文章:
1. docker - 如何修改運行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應4. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?5. javascript - 為什么form表單提交沒有跨域問題,但ajax提交有跨域問題?6. javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?7. javascript - history.replaceState()無法改變query參數(shù)8. javascript - 移動端textarea不能上下滑動,該怎么解決?9. javascript - 關于audio標簽暫停的問題10. javascript - 音頻加載問題
