疑难杂症之——uniapp运行在底部产生白条的历史记录框

项目问题:uniappH5在Android端还好,在微信上打开底部不会产生历史记录白框,但是在浏览器上打开就会有白框;但是在ios端,微信上打开链接 就会出现白框,且这个白框会影响页面布局;

ios在微信端打开

在浏览器打开 

 解决思路:这个白框产生的原因是:当你页面发生跳转的时候,浏览器保存了你的历史路径,就会产生上面的问题;需要清空历史记录,就可以完全避开;不能直接控制白框的显示和隐藏,目前微信和各种平台都有这个适配,没有找到直接的解决方法,

uniapp 的解决代码

uni.reLaunch({
			url:'/pages/路径地址'
	})

// 所有路径跳转都用uni.relaunch实现跳转,就不会产生历史路径

 但是有的需求需要返回,只能模拟 返回,根据自己的项目来实现 模拟返回;

当你是vue跳转出现的问题;也可以通过当前思路去实现,也就是跳转的时候不产生历史记录,就可以完美解决

贡献者:在网上找了各种帖子,都没有完整的解决办法,在一个网友回复的贴子中得到了解决思路,文章有误的地方,欢迎@楼主更改

猜你喜欢

转载自blog.csdn.net/m0_71071511/article/details/131832928