列表页进入详情页,再点击微信自带返回按钮 ,返回到的列表页会被刷新掉,请问如何使列表页不刷新。
window.addEventListener(“popstate”, () => {
console.log(‘666!!!’);
this.closeP();
}, false);
//防止页面后退
history.pushState(null, null, document.URL);
window.addEventListener(‘popstate’, function () { history.pushState(null, null, document.URL); });
浏览器的机制就是这样的,返回是重新加载页面的(桌面 safari 在一定的情况下是不会刷新的)。如果你使用了 vue 或者 react 可以将详情页变成列表页的子路由,这样返回完全不会刷新。当然简单处理的话,你可以缓存数据,在返回时,如果有数据就直接渲染出来(并滚动到原来位置),也算是粗糙地解决了问题。