記錄 - 在vue中使用setTimeout,離開當前路由setTimeout未銷毀的問題

Caizhenhao 發布于2019-08-23 16:50 / 2271人閱讀

摘要：如果在兩個頁面之間來回跳轉跳轉時間小于定時器的間隔時間時，也會出現重復創建的情況。原因當我們刷新頁面時，會將當前頁面之前創建的以及其他定時器都清除掉但是僅僅是路由切換是不會清除的。

問題:從第一個頁面跳轉到第二個頁面后,如果停留在第二個頁面，定時器還在運行。如果在兩個頁面之間來回跳轉,跳轉時間小于定時器的間隔時間時，也會出現重復創建setTimeout的情況。

原因:當我們刷新頁面時，會將當前頁面之前創建的setTimeout以及其他定時器都清除掉,但是僅僅是路由切換是不會清除的。

解決：具體代碼：`

data () {
    return {
      overtimer: null
    }
}，
methods: {
    stoptime () {
      clearTimeout(this.overtimer);
    }
}，
created () {
    this.overtimer = setTimeout(() => {
        this.$Message.error("讀取卡片超時");
     }, 10000)
    this.$once("hook:beforeDestroy", () => {            
      clearInterval(this.overtimer);
      this.overtimer = null;
    })
}

GPU云服務器云服務器 setTimeout javascript settimeout js定時器setTimeout webrtc在webview中使用問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103366.html

Vue 實踐過程中的幾個問題

摘要：前言本篇是我在使用過程中，遇到的幾個小問題和之前不了解的東西，記錄下來，希望能夠幫助各位踩坑。小結上面就是我分享的幾個小問題，希望大家看了能夠有所收獲另明年準備去上海，如果小伙伴的公司有坑，可以聯系一下我。前言本篇是我在使用vue過程中，遇到的幾個小問題和之前不了解的東西，記錄下來，希望能夠幫助各位踩坑。如果喜歡的話可以點波贊，或者關注一下，希望本文可以幫到大家。本文首發于我的個...

DevTalking 2019-08-22 14:01 評論0 收藏0
VUE使用中踩過的坑

摘要：前言如今可謂是一匹黑馬數已居第一位前端開發對于的使用已經越來越多，它的優點就不做介紹了本篇是我對使用過程中以及對一些社區朋友提問我的問題中做的一些總結幫助大家踩坑。隨后的重新渲染，元素組件及其所有的子節點將被視為靜態內容并跳過。前言 vue如今可謂是一匹黑馬,github star數已居第一位！前端開發對于vue的使用已經越來越多，它的優點就不做介紹了,本篇是我對vue使用過程中以及...

big_cat 2019-08-22 14:04 評論0 收藏0
初學者可能不知道的vue技巧

摘要：前言大家好，這里是平頭哥聯盟，我是首席甩鍋官老金，今天給大家分享的，一些日常中神秘而又簡單的的實用小技巧，以及我在我司項目中實用的總結和坑，跟大家一起分享，希望能給其他攻城獅帶來些許便利，如有理解錯誤，請糾正。 showImg(https://segmentfault.com/img/bVbinVz?w=900&h=396); 前言　　大家好，這里是@IT·平頭哥聯盟，我是首席甩鍋官...

scola666 2019-08-29 17:01 評論0 收藏0
初學者可能不知道的vue技巧

摘要：前言大家好，這里是平頭哥聯盟，我是首席甩鍋官老金，今天給大家分享的，一些日常中神秘而又簡單的的實用小技巧，以及我在我司項目中實用的總結和坑，跟大家一起分享，希望能給其他攻城獅帶來些許便利，如有理解錯誤，請糾正。 showImg(https://segmentfault.com/img/bVbinVz?w=900&h=396); 前言　　大家好，這里是@IT·平頭哥聯盟，我是首席甩鍋官...

Drummor 2019-08-02 11:44 評論0 收藏0
初學者可能不知道的vue技巧

摘要：前言大家好，這里是平頭哥聯盟，我是首席甩鍋官老金，今天給大家分享的，一些日常中神秘而又簡單的的實用小技巧，以及我在我司項目中實用的總結和坑，跟大家一起分享，希望能給其他攻城獅帶來些許便利，如有理解錯誤，請糾正。 showImg(https://segmentfault.com/img/bVbinVz?w=900&h=396); 前言　　大家好，這里是@IT·平頭哥聯盟，我是首席甩鍋官...

baoxl 2019-08-23 12:25 評論0 收藏0