如何使用Vue轮询定时发送请求的案例

　　介绍

如何使用Vue轮询定时发送请求的案例?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

<强>一、什么是轮询?

轮询(轮询)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(I/O)编程。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始,在WEB上来说就是客户端一直向服务端发起请求,服务端返回数据,不论返回什么都会再次向服务端发送请求。

<强>二,采用定时器进行轮询

& lt; template> 　　& lt; div> & lt;/div> 　　& lt;/template> 　　 　　& lt; script> 　　出口默认{ 　　数据(){ 　　返回{ 　　num: 0 　　}; 　　}, 　　创建(){//实现轮询 　　setinterval(()=比;{ 　　setTimeout (this.getNewMessage (), 0); 　　}, 3000); 　　}, 　　方法:{//请求是否有新消息 　　getNewMessage:函数(){ 　　console.log(“请求“;+。num + + +“次”); 　　} 　　} 　　}; 　　& lt;/script> 　　 　　& lt; scoped>风格; 　　& lt;/style>

效果:

如何使用Vue轮询定时发送请求的案例

<强> Vue轮询操作

创建一个弹出框

& lt; div> 　　& lt; el-dialog 　　:visible.sync=發oadingVisible" 　　,宽度=?0%”的在 　　& lt;我类=癴a fa-spin fa-star"祝辞& lt;/i> 　　& lt; span>这是一段信息& lt;/span> 　　& lt;/el-dialog> 　　& lt;/div>

增加按钮

& lt; el-button类型=皌ext"@click=癲oing"祝辞智能推荐& lt;/el-button>

关键js代码

做(){ 　　const vm=; 　　vm。loadingVisible=true; 　　vm。计时器=setInterval (vm。的getstatus (2000); 　　}, 　　 　　 　　getstatus () { 　　const vm=; 　　 　　vm。loadingVisible=false; 　　clearInterval (vm.timer); 　　} 　　},

感谢各位的阅读!看完上述内容,你们对如何使用Vue轮询定时发送请求的案例大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

如何使用Vue轮询定时发送请求的案例