Vue使用輪詢定時發(fā)送請求代碼
更新時間：2020年08月10日 15:12:38 作者：打代碼一點也不好
這篇文章主要介紹了Vue使用輪詢定時發(fā)送請求代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一、什么是輪詢？
輪詢（Polling）是一種CPU決策如何提供周邊設(shè)備服務(wù)的方式，又稱“程控輸出入”（Programmed I/O）。輪詢法的概念是，由CPU定時發(fā)出詢問，依序詢問每一個周邊設(shè)備是否需要其服務(wù)，有即給予服務(wù)，服務(wù)結(jié)束后再問下一個周邊，接著不斷周而復(fù)始。 在WEB上來說就是客戶端一直向服務(wù)端發(fā)起請求，服務(wù)端返回數(shù)據(jù)，不論返回什么都會再次向服務(wù)端發(fā)送請求。
二、采用定時器進(jìn)行輪詢
<template>
<div></div>
</template>
<script>
export default {
data() {
return {
num: 0
};
},
created() {
// 實現(xiàn)輪詢
window.setInterval(() => {
setTimeout(this.getNewMessage(), 0);
}, 3000);
},
methods: {
// 請求是否有新消息
getNewMessage: function() {
console.log("請求" + this.num++ + "次");
}
}
};
</script>
<style scoped>
</style>
效果：
補充知識：vue 輪詢操作
創(chuàng)建一個彈出框
<div>
<el-dialog
:visible.sync="loadingVisible"
width="30%">
<i class="fa fa-spin fa-star"></i>
<span>這是一段信息</span>
</el-dialog>
</div>
增加按鈕
<el-button type="text" @click="doing">智能推薦</el-button>
關(guān)鍵js代碼
doing() {
const vm = this;
vm.loadingVisible = true;
vm.timer = setInterval(vm.getstatus, 2000);
},
getstatus() {
const vm = this;
vm.loadingVisible = false;
clearInterval(vm.timer);
}
},
以上這篇Vue使用輪詢定時發(fā)送請求代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了vue的nextTick的使用,本文從源碼出發(fā)給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了vue編寫檢測敏感詞匯組件的多種思路，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-04-04
vue搜索頁開發(fā)實例代碼詳解（熱門搜索，歷史搜索，淘寶接口演示）
這篇文章主要介紹了vue搜索頁開發(fā)實例（熱門搜索，歷史搜索，淘寶接口演示）,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
這篇文章主要介紹了uni-app自定義導(dǎo)航欄按鈕|uniapp仿微信頂部導(dǎo)航條功能，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
本文主要介紹了el-menu使用遞歸組件實現(xiàn)多級菜單組件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要介紹了vue項目中引入vue-datepicker插件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
petite-vue 是為漸進(jìn)增強(qiáng)而優(yōu)化的另一種 Vue 發(fā)行版,它提供與標(biāo)準(zhǔn) Vue 相同的模板語法和反應(yīng)性心智模型,這篇文章主要介紹了petite vue 基本使用指南,需要的朋友可以參考下2024-07-07
VueJS 集成 Medium Editor的示例代碼 （自定義編輯器按鈕）
本篇文章主要介紹了VueJS 集成 Medium Editor的示例代碼 （自定義編輯器按鈕），具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了解決vue-loader加載不上的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要給大家介紹了關(guān)于Vue如何使用Dayjs計算常用日期的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03