折叠屏手机翻开或关上时,手机的宽度会改变;那么怎么监测手机屏幕的变化呢,这就用到了uniapp中的uni.onWindowResize

onShow: function() {
			uni.onWindowResize((res) => {
				console.log('变化后的窗口宽度=' + res.size.windowWidth)
				console.log('变化后的窗口高度=' + res.size.windowHeight)
				let hdWidth = uni.getStorageSync('windowWidth')
				if(hdWidth) {
					if(hdWidth != res.size.windowWidth) {
						let dsvgds = getCurrentPages();
						let currPage = dsvgds[dsvgds.length - 1];
						uni.reLaunch({
							url: '/pages/login/blank?paths='+currPage.$page.fullPath
						})
					}
				}
				uni.setStorageSync('windowWidth', res.size.windowWidth);
			})
},

currPage.$page.fullPath是当前页面的路径+参数

pages/login/blank 页面是个空白页面;因为我需要跳到这个空白页面然后再跳回来,从而实现页面重新加载。因为在app中location.reload()  window.location.replace 都不起作用。

当然可以直接跳转当前页面

pages/login/blank:

onLoad(opt) {
					if(opt.paths) {
						uni.reLaunch({
							url: opt.paths
						})
					}
},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐