離開vue元件清除頁面所有計時器

2021-09-22 16:50:42 字數 473 閱讀 2684

個人blog,歡迎關注加收藏

在離開元件時,需要將所有計時器清除,不然還是會一直在請求資料:又耗效能又不安全

1.在main.js中設定乙個空的全域性陣列做容器:

//設定乙個全域性陣列接收所有計時器

vue.prototype.timercount = ;

2.在每個元件中設定計時器,請將其裝載在容器中:

_this.timercount[0] = settimeout(_this.requesttradinginfo, 500);

3.在每個元件內,元件被銷毀前清除所有計時器

//元件被破壞之前,最好也把計時器清除

beforedestroy()

_this.timercount.splice(0, _this.timercount.length)//清空容器

}

vue開始計時元件

如果你需要製作乙個開始計時的元件,需要怎麼做呢?比如你要從 00 00 開始計時,然後秒數開始疊加,這裡我寫了乙個開始計時的元件,下面是這個元件,你可以直接引入到專案中使用。timer starttimer div div template export default created destro...

讓元件懸浮所有頁面之上

在android中懸浮顯示可拖動的歌詞欄 一文中,歌詞欄只能在應用開啟著才能顯示,退出後就不見了,如何讓歌詞欄凌駕於所有頁面之上呢,下面補充一段 package com.home.testwindowmanager import android.graphics.color import andro...

html頁面引入vue元件

html頁面引入vue元件需要在頁面引入http vue loader.js 注意 要檢視頁面引入vue元件的效果不能直接在本地開啟index.html,會有跨域問題,可以在本地配置乙個nginx 再用瀏覽器訪問http localhost port index.html 1.建立my compon...