vue 使用定时器做轮询，查询在线人数

项目开发中需要做一个轮询，需要在登陆页面每隔十秒查询在线人数的功能。在data中定义调用后台接口看控制台打印出来的数据这里显示接口请求成功页面显示在线人数重点：使用定时器轮询在created中调用getOnlineNumber（）方法设置定时器，最后在页面销毁之前清除定时器。...

jasmine0178

8388人浏览 · 2019-03-28 10:02:45

jasmine0178 · 2019-03-28 10:02:45 发布

项目开发中需要做一个轮询，需要在登陆页面每隔十秒查询在线人数的功能。
在这里插入图片描述
在data中定义

调用后台接口

看控制台打印出来的数据

这里显示接口请求成功

页面显示在线人数

重点：
使用定时器轮询
在这里插入图片描述
在created中调用getOnlineNumber（）方法
设置定时器，最后在页面销毁之前清除定时器。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^