场景描述

vue搭建的多页面应用项目，使用go(-1)回退至前个页面。

正常的话，回退后会刷新前个页面，各个生命周期钩子函数触发。

然而，在Android和ios13以下是正常的，到了ios13就不行了。

 

解决方案

由于项目为多页面应用，无法通过Vuex状态状态解决该问题，因为多页面应用创建了多个vue实例。

同理，尝试了storage监听、evenbus也无法解决。

问题原因应该是ios13的Webview刷新机制改了，看到了一个回答：WKWebView回退不会对页面再次刷新

通过在mounted中监听window的pageshow事件来手动刷新，解决！

window.addEventListener('pageshow', function(){        
    if(this.isPageHide) {
        window.location.reload();
    }
});
window.addEventListener('pagehide', function(){       
    this.isPageHide = true;
});

 

# ios # vue.js # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue