uniapp 微信小程序定时自动刷新页面功能实现
在 uni-app 中,可以使用'setInterval' 函数来实现定时自动刷新页面的功能。
首先,在页面的生命周期函数'onShow' 中使用'setInterval' 函数来设置定时器,定时器的时间间隔可以根据需求进行设置。
onShow() {
// 每隔5秒刷新页面
this.timer = setInterval(() => {
this.refreshPage();
}, 5000);
},
然后,在页面的生命周期函数'onHide' 中清除定时器,避免页面切换后继续刷新页面。
onHide() {
clearInterval(this.timer);
},
最后,编写'refreshPage' 函数来实现页面的刷新逻辑,可以在该函数中调用更新页面数据的方法。
methods: {
refreshPage() {
// 更新页面数据的方法
// ...
}
}
这样,每隔一定时间页面就会自动刷新一次。记得在页面的'onHide' 生命周期函数中清除定时器,以免页面切换后继续刷新页面。
原文地址: https://www.cveoy.top/t/topic/o33i 著作权归作者所有。请勿转载和采集!