解决vue白屏问题

2 篇文章 0 订阅
1 篇文章 0 订阅

咱们先看看vue白屏在ios手机上是如何产生的?
首页跳转到到第二屏,再从二级页面返回到首页就会出现白屏情况。

 解决思路:既然是首页白屏那么就要从首页开始解决问题,经过多次比对发现,返回到首页后,出现白屏,然后咱们用手触摸或则向下滑动,白屏就没有了,

知道了这个效果之后,解决白屏就简单了,只需要在返回到首页时设置一下滚动条位置就可以了,简单来说就是在返回首页时,用代码模拟下触屏或则下拉的效果即可;

看一下代码如何实现:

在首页的生命周期钩子函数里写入:

activated(){
    setTimeout(()=>{
         document.documentElement.scrollTop = 0;
         document.body.scrollTop = 0;
    },0);
},

经过测试,问题完美解决,fine。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值