IOS上从第三方页面回跳VUE页面页面不刷新问题

情景描述：
IOS系统环境下，从微信的vue页面A中跳转到第三方页面B，然后点击浏览器返回按钮返回A页面。

问题描述：
IOS系统下，A页面没有刷新；Android正常刷新。

问题解决：
在A页面mounted中添加如下方法：

window.onpageshow = function(e) {console.log("执行了onpageshow");if (e.persisted ||(window.performance && window.performance.navigation.type == 2)) {window.location.reload();}};

因为Android中能够正常刷新页面，所以只需要针对IOS进行处理即可，完整方案如下：

// 先判断环境是否是IOS，这里判断方法请读者自己操作
if(系统是IOS){window.onpageshow = function(e) {console.log("执行了onpageshow");if (e.persisted ||(window.performance && window.performance.navigation.type == 2)) {window.location.reload();}};
}

欢迎关注博主：小圣贤君，有问题可以留言哦~

IOS上从第三方页面回跳VUE页面页面不刷新问题相关推荐

vue 页面回跳两个界面（返回上一页两次）
vue 页面回跳两个界面(返回上一页两次) this.$router.go(-2);
页面A跳转到页面B及携带参数
页面A跳转到页面B及携带参数 window.location.href="-/SystemInfoJsp/add_user.jsp?"+"id="+id+&qu ...
当session失效后，无论点击那个页面，都找到顶端页面，跳到登录页面。
当session失效后,用户点击当前页面会跳到登录页面,如果用户现在是在子页面,则当前的子页面跳到登录,用户感觉很不好,所以进行处理,例得无论点击那个页面,都找到顶端页面,再跳到登录页面. 处理的方式 ...
Taro,小程序scroll-view 填满剩下的高度空间,关闭页面回跳(部分ios机型滚动不到底部)
其实这样在开发小程序的时候还是比较常见的,就是我们页面底部有一个需要滚动加载滚动的展示容器这个时候选择scroll-view 就是很合理了但是我们这个时候需要让scroll-view 填满 ...
vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
Android按键响应的几种方式、安卓页面的跳转、页面跳转传参、页面自动跳转、Activity（页面）的生命周期
按键响应的第一种方式: 在XML文件里面设置按键的onClick绑定函数.就像下面的代码,给Button设置onClick属性,在按键被按下的时候,会调用java文件里面的onClickbtton1这 ...
html button跳转页面_HTML跳转到页面指定位置的几种方法
前言有时候,我们想阅读页面中某段精彩的内容,但由于页面太长,用户需要自己滚动页面,查找起来非常麻烦 ,很容易让人失去继续往下阅读的兴趣.这样体验非常不好,所以我们可以想办法实现点击某段文字或者图片 ...
微信小程序用vant自定义tabbar页面并跳转相应页面
0.前置安装步骤一安装 vant 组件库 npm i @vant/weapp -S --production 下载完后要npm构建才能使用步骤二修改 app.json 将 app.json 中 ...
html页面展示大括号,vue 防止页面加载时看到花括号的解决操作
如下所示: [v-cloak]{ display:none } v-cloak v-text v-html v-cloak用于大段 v-text用于单个标签 v-html用于带有标签的处理补充知识: ...

IOS上从第三方页面回跳VUE页面页面不刷新问题

IOS上从第三方页面回跳VUE页面页面不刷新问题相关推荐

最新文章

热门文章