vue 实现h5包括移动端h5的切换后台监听

105 阅读1分钟

移动端h5实现前后台切换监听

在app.vue的onLaunch周期中添加如下代码:

// 挂载打卡 window.getDakaNativeCoordinateSucc = this.getDakaNativeCoordinateSucc

		// 监听页面可见性变化的事件
		document.addEventListener('visibilitychange', async function() {
		if (document.hidden) {
			// 被切换到后台时的处理逻辑
		} else {
			// 被切换回前台时的处理逻辑
			if (user.userType === 'driver') {
				// 每次打开app都查询打卡
				await getDakaNativeCoordinateSucc();
			}
		}
		});

缺点:无法兼容小程序