Vue.js 定時器任務(wù)

在頁面A中設(shè)置一個定時器,打印一個a,然后跳轉(zhuǎn)到B頁面,這個定時器還一直在執(zhí)行,這樣是非常耗性能的。
解決思路:
使用Vue的$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器
代碼:

const timer = setInterval(() =>{                    
    // 某些定時器操作                
}, 500);            
// 通過$once來監(jiān)聽定時器,在beforeDestroy鉤子可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})

類似于其他需要在當(dāng)前頁面使用,離開需要銷毀的組件(例如一些第三方庫的picker組件等等),都可以使用此方式來解決離開后以后在背后運行的問題。

參考來源:掘金社區(qū)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,995評論 2 59
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,048評論 25 709
  • 我這段時間就情緒低落,天天如困獸般輾轉(zhuǎn)反側(cè),因為我患了卵巢囊腫,且比較大,需要手術(shù)治療,醫(yī)生說是個簡單的手術(shù),但對...
    瓦全閱讀 531評論 0 2
  • 1.在項目的project 的build.gredle 文件中的dependencies標(biāo)簽下添加加粗部分。 bu...
    singularit_bc15閱讀 277評論 0 0
  • 一晃清明已過二旬,谷雨至。英雄茶事漸消,便著手梳理備忘之事。 事半,想起今年祭祖,回老家看到,當(dāng)年嬉鬧的村莊,已拆...
    煙花英雄閱讀 292評論 0 2

友情鏈接更多精彩內(nèi)容