移动端h5实现前后台切换监听
在app.vue的onLaunch周期中添加如下代码:
// 挂载打卡 window.getDakaNativeCoordinateSucc = this.getDakaNativeCoordinateSucc
// 监听页面可见性变化的事件
document.addEventListener('visibilitychange', async function() {
if (document.hidden) {
// 被切换到后台时的处理逻辑
} else {
// 被切换回前台时的处理逻辑
if (user.userType === 'driver') {
// 每次打开app都查询打卡
await getDakaNativeCoordinateSucc();
}
}
});
缺点:无法兼容小程序