vue實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù),每隔5分鐘執(zhí)行一次
更新時(shí)間：2023年01月16日 09:04:48 作者：~犇犇~
這篇文章主要介紹了vue實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù),每隔5分鐘執(zhí)行一次問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue定時(shí)刷新數(shù)據(jù),每隔5分鐘執(zhí)行一次
data() {
return {
timer: null
}
},
mounted() {
// 每隔5分鐘定時(shí)刷新
this.timer = setInterval(() => {
this.getFxItemlist();
}, 300000)
},
beforeDestroy() {
clearInterval(this.timer);
},
methods: {
getFxItemlist() {
...
}
}vue局部定時(shí)刷新
定時(shí)刷新一般都會(huì)想到定時(shí)器,vue局部定時(shí)刷新如下：
設(shè)置定時(shí)器
?? ?timer: "",//定時(shí)器
?? ?
?? ?//定時(shí)器刷新待辦事項(xiàng)
? ? ?this.timer = setInterval(() => {
? ? ? self.reload();
? ? }, 1000);局部刷新
?<div class="DealtTop" v-if="isRefreshAlive">
?
?isRefreshAlive: true, //刷新
//局部刷新
? ? reload() {
? ? ? this.isRefreshAlive = false;
? ? ? this.$nextTick(function() {
? ? ? ? this.isRefreshAlive = true;
? ? ? });
? ? },如果是在父子組件中，還需要加上provide / inject配合使用，如下：
?provide() {
? ? return {
? ? ? reload: this.reload
? ? };
? },清除定時(shí)器
destroyed(){
? ? clearInterval(this.timer);
? },總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue實(shí)現(xiàn)回到頂部和底部動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)回到頂部和底部動(dòng)畫效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
詳解vue-property-decorator使用手冊(cè)
這篇文章主要介紹了vue-property-decorator使用手冊(cè)，文中較詳細(xì)的給大家介紹了他們的用法，通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了vue菜單欄自適應(yīng)折疊,我這里使用的是el-menu導(dǎo)航菜單，監(jiān)聽頁(yè)面寬度的改變，來改變導(dǎo)航菜單的折疊和展開，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-01-01
Vue3中的setup是一個(gè)新的生命周期函數(shù),它可以用來代替組件中的 data和一些生命周期函數(shù)（如created和beforeMount）,這篇文章主要介紹了vue3如何使用setup代替created的相關(guān)資料,需要的朋友可以參考下2023-09-09
Vue動(dòng)態(tài)設(shè)置el-table操作列的寬度自適應(yīng)
這篇文章主要給大家介紹了關(guān)于Vue如何動(dòng)態(tài)設(shè)置el-table操作列的寬度自適應(yīng),很多頁(yè)面都需要用到表格組件el-table,如果沒有給el-table-column指定寬度,默認(rèn)情況下會(huì)平均分配給剩余的列,需要的朋友可以參考下2023-07-07
vue實(shí)現(xiàn)頂部左右滑動(dòng)導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)頂部左右滑動(dòng)導(dǎo)航，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
Vue項(xiàng)目打包部署到GitHub Pages的實(shí)現(xiàn)步驟
本文主要介紹了Vue項(xiàng)目打包部署到GitHub Pages的實(shí)現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
vue使用openlayers實(shí)現(xiàn)移動(dòng)點(diǎn)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue使用openlayers實(shí)現(xiàn)移動(dòng)點(diǎn)動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
Vue中實(shí)現(xiàn)動(dòng)態(tài)右鍵菜單的示例代碼
在前端開發(fā)中,實(shí)現(xiàn)自定義右鍵菜單能夠?yàn)橛脩籼峁└喙δ苓x項(xiàng),本文就來介紹了Vue中實(shí)現(xiàn)動(dòng)態(tài)右鍵菜單的示例代碼,感興趣的可以了解一下2024-11-11
Vant的安裝和配合引入Vue.js項(xiàng)目里的方法步驟
這篇文章主要介紹了Vant的安裝和配合引入Vue.js項(xiàng)目里的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12