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ā)送請求。

二、采用定時器進行輪詢

<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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue輪詢請求解決方案的完整實例

相關(guān)文章

vue使用websocket實現(xiàn)實時數(shù)據(jù)推送功能
這篇文章主要為大家詳細介紹了vue如何使用websocket實現(xiàn)實時數(shù)據(jù)推送,發(fā)布訂閱重連單點登錄功能,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-12-12
vue-cli創(chuàng)建的項目中的gitHooks原理解析
這篇文章主要介紹了vue-cli創(chuàng)建的項目中的gitHooks原理解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
vue中使用refs定位dom出現(xiàn)undefined的解決方法
本篇文章主要介紹了vue中使用refs定位dom出現(xiàn)undefined的解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
VUE腳手架具體使用方法
這篇文章主要介紹了VUE腳手架具體使用方法，vue-cli這個構(gòu)建工具大大降低了webpack的使用難度，小編覺得不錯，下面就一起來了解一下具體使用方法
2019-05-05
Vue3+Canvas實現(xiàn)坦克大戰(zhàn)游戲(一)
這篇文章將利用Vue3和Canvas編寫一個童年經(jīng)典游戲—坦克大戰(zhàn)，文中的示例代碼講解詳細，感興趣的小伙伴快來跟隨小編一起學(xué)習(xí)一下吧
2022-03-03
一文搞懂Vue中computed和watch的區(qū)別
這篇文章主要和大家詳細介紹一下Vue中computed和watch的使用與區(qū)別，文中通過示例為大家進行了詳細講解，對Vue感興趣的同學(xué)，可以學(xué)習(xí)一下
2022-11-11
Vue SPA單頁應(yīng)用首屏優(yōu)化實踐
這篇文章主要介紹了Vue SPA單頁應(yīng)用首屏優(yōu)化實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
如何運行單個.vue文件問題
本文介紹了Vue的全局安裝過程、查看版本、安裝擴展等步驟,并提供了解決在.vue文件目錄下運行報錯的方法,涉及到的錯誤解決包括使用命令安裝@vue/compiler-sfc和執(zhí)行npm install命令安裝依賴
2024-10-10
vue實現(xiàn)樹形結(jié)構(gòu)增刪改查的示例代碼
其實很多公司都會有類似于用戶權(quán)限樹的增刪改查功能，本文主要介紹了vue實現(xiàn)樹形結(jié)構(gòu)增刪改查，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
vue3:setup的兩個注意點詳解
這篇文章主要介紹了vue3.0中setup的兩個注意點，本文通過兩種用法給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2021-10-10