vue项目中实现定时刷新页面(重新渲染数据实时更新)
export default {data(){return{timer:null,}},mounted () {this.queryInfo();this.timer = setInterval(() => {setTimeout(this.queryInfo, 0)}, 1000*60)},methods: {async queryInfo(){//do somethi
·
export default {
data(){
return{
timer:null,
}
},
mounted () {
this.queryInfo();
this.timer = setInterval(() => {
setTimeout(this.queryInfo, 0)
}, 1000*60)
},
methods: {
async queryInfo(){
//do something
},
},
beforeDestroy () {
clearInterval(this.timer);
this.timer = null;
}
}
说明:
1.在执行定时器前先执行一次获取接口数据的操作函数, 否则接口会1分钟后才调用
2.为了避免退出当前页面后,在其他页面也继续调用接口,退出前需要清除定时器.
更多推荐
已为社区贡献1条内容
所有评论(0)