77.实时刷新和重置(每隔1分钟请求一次所有接口)

前言:项目中有几个页面需要在右上角添加实时刷新和重置按钮,这里用灯泡亮代表实时刷新,灰停止实时,点击重置会重新实时刷新。

1.先在页面右上角添加实时刷新灯泡和重置按钮

这里实时刷新需添加id,之后设置其颜色为黄或灰时会用到;重置按钮需添加disabled属性,判断是否置灰时会用到。

2.刚进入页面,默认选择最近30分钟,此时会请求 一次接口,在created构造函数里写定时器,每隔1分钟执行请求接口

(1)在选择时间方法里,需判断服务条件是否为空,从而判断接口是否传服务

(2)在created构造函数内添加定时器,每隔1分钟请求一次接口

3.在选择时间时,还有个方法:selectIndex(index)  确定选择按钮方法,前边4个按钮的index分别为0 1 2 3 ,时间范围index为10 这里通过index不同,设置灯泡为亮还是灰。

4.这里还有一个查询条件:服务名称  选择服务后,不管时间选的是什么,都需要关闭实时刷新,重置按钮可点击,并且带服务名参数调接口

5.最后一步,就是点击重置按钮恢复实时刷新 

完成!!! 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值