折叠屏手机翻开或关上时,手机的宽度会改变;那么怎么监测手机屏幕的变化呢,这就用到了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 都不起作用。
console.log(), 打印location 和 window都是 undefined
当然可以直接跳转当前页面,这个我没试过,不知道会不会有小bug之类的文章来源:https://www.toymoban.com/news/detail-482969.html
pages/login/blank:文章来源地址https://www.toymoban.com/news/detail-482969.html
onLoad(opt) {
if(opt.paths) {
uni.reLaunch({
url: opt.paths
})
}
},
到了这里,关于uniapp解决折叠屏手机适配问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!