vue实现每隔几秒请求一次接口(接收消息)
功能需求:今天任务是让我做一个客服聊天,由于要不停的接收客户发过来的消息,所以要做一下定时器来隔几秒调一次接口达到需求目的。
·
功能需求:今天任务是让我做一个客服聊天,由于要不停的接收客户发过来的消息,所以要做一下定时器来隔几秒调一次接口达到需求目的
话不多说上代码:
<template>
<div></div>
</template>
<script>
export default {
data() {
return {
num: 0,
timer: null,
};
},
destroyed() {
//离开页面是销毁
clearInterval(this.timer);
this.timer = null;
},
created() {
// 实现轮询
this.timer = window.setInterval(() => {
setTimeout(this.getProjectList(), 0);
}, 3000);
},
methods: {
stop() {
clearInterval(this.timer);
this.timer = null;
},
// 请求是否有新消息
getProjectList() {
console.log("请求" + this.num++ + "次");
if(this.num==8){
this.stop()
}
}
}
};
</script>
<style scoped>
</style>
更多推荐
已为社区贡献4条内容
所有评论(0)