Vue使用轮询定时发送请求代码
时间：2020-08-10 17:00:05|栏目：|点击： 次
一、什么是轮询？
轮询（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);
}
},
