您好,登錄后才能下訂單哦!
如何使用Vue輪詢定時發送請求的案例?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!
一、什么是輪詢?
輪詢(Polling)是一種CPU決策如何提供周邊設備服務的方式,又稱“程控輸出入”(Programmed I/O)。輪詢法的概念是,由CPU定時發出詢問,依序詢問每一個周邊設備是否需要其服務,有即給予服務,服務結束后再問下一個周邊,接著不斷周而復始。 在WEB上來說就是客戶端一直向服務端發起請求,服務端返回數據,不論返回什么都會再次向服務端發送請求。
二、采用定時器進行輪詢
<template> <div></div> </template> <script> export default { data() { return { num: 0 }; }, created() { // 實現輪詢 window.setInterval(() => { setTimeout(this.getNewMessage(), 0); }, 3000); }, methods: { // 請求是否有新消息 getNewMessage: function() { console.log("請求" + this.num++ + "次"); } } }; </script> <style scoped> </style>
效果:
補充知識:vue 輪詢操作
創建一個彈出框
<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>
關鍵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輪詢定時發送請求的案例大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。