javascript - 請問一下組件的生命周期beforeDestory是在什么情況下面觸發的呢?
問題描述
進行路由跳轉的時候能觸發嗎?我發現我進行路由跳轉的時候沒有觸發beforeDestory里面的函數,但是有段代碼需要在組件銷毀之前執行,請問我應該怎么做呢?https://jsfiddle.net/44w37p34/ 剛剛有個朋友給我發了一個demo,我發現他的beforeDestory在路由跳轉的時候觸發了,但是我的一直都不行,請問是什么原因呢
問題解答
回答1:找到原因了,之前給router-view加了個keep-alive導致組件緩存了,所以不會觸發beforeDestory和destoryed
回答2:我試了一下,切換路由的時候能觸發執行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. objective-c - 從朋友圈跳到我的APP 如何實現?2. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒有這一元素,導致自動寫入下一條,如何解決?3. javascript - html 中select如何修改樣式,鼠標懸浮時改變option樣式,有沒有插件啊4. HTML5禁止img預覽該怎么解決?5. 請教一個python字符串處理的問題?6. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現一個制作游戲的空的黑窗口?7. javascript - vue+iview upload傳參失敗 跨域問題后臺已經解決 仍然報403,這是怎么回事啊?8. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。9. 怎么可以實現在手機瀏覽器看到鏈接的title屬性,就是鼠標放上去會有一個tip效果的10. 百度地圖api - Android 百度地圖 集成了定位,導航 相互的jar包有沖突?
