Vue中ios返回上一层缓存问题解决

用pageshow事件监听onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于onload事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted

张什么晨

691人浏览 · 2021-09-14 10:40:35

张什么晨 · 2021-09-14 10:40:35 发布

用pageshow事件监听

onpageshow 事件在用户浏览网页时触发。

onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false

// 解决ios端返回上一个页面不刷新页面的问题 
    let isPageHide = false
    window.addEventListener('pageshow', function () {
     if (isPageHide) {
       window.location.reload() //  这里需求是重新加载
      } 
    })
    window.addEventListener('pagehide', function () {
     isPageHide = true;
    });