咱们先看看vue白屏在ios手机上是如何产生的?
首页跳转到到第二屏,再从二级页面返回到首页就会出现白屏情况。
解决思路:既然是首页白屏那么就要从首页开始解决问题,经过多次比对发现,返回到首页后,出现白屏,然后咱们用手触摸或则向下滑动,白屏就没有了,
知道了这个效果之后,解决白屏就简单了,只需要在返回到首页时设置一下滚动条位置就可以了,简单来说就是在返回首页时,用代码模拟下触屏或则下拉的效果即可;
看一下代码如何实现:
在首页的生命周期钩子函数里写入:
activated(){
setTimeout(()=>{
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
},0);
},
经过测试,问题完美解决,fine。