H5微信支付返回页面不刷新解决办法

最新推荐文章于 2023-06-09 16:51:02 发布

安妮的小熊呢

最新推荐文章于 2023-06-09 16:51:02 发布

阅读量1.8k

点赞数 10

分类专栏：移动端支付文章标签： vue javascript

本文链接：https://blog.csdn.net/From_WH/article/details/115204461

版权

移动端支付专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端小伙伴可以学习一下源码获取

在H5调用微信支付过程中，肯定都回遇到返回订单页面单页面不刷新的情况，所以我就想，能不能在跳转微信后，在返回页面的时候监听visibilitychange变化，调用方法

visibilitychange

当其选项卡的内容变得可见或被隐藏时，会在文档上触发 visibilitychange (能见度更改)事件

document.addEventListener('visibilitychange', (e) => {
	console.log(document.visibilityState);
	let state = document.visibilityState
	if (state == 'hidden') {
		console.log('用户离开了');
	}
	if (state == 'visible') {
		//调用接口,获取订单状态
	}
});