解决跳出页面后，原页面刷新问题
业务需求
- 原页面点击打开新页面，修改数据后需要原来的页面刷新
- 解决办法：在原页面监听localStorage的数据变化，新页面改变localStorage的数据
// 原页面方法
storageChange('changed',function(){
history.go(0); // 刷新页面
}) // 调用
listen_storage: function(key,fn){
var val = new Date().getTime(); // 为value设置默认时间戳 ，可省略
localStorage.setItem(key,val); // 可省略
window.addEventListener('storage',function(e){ // 监听时间戳的变化控制是否刷新页面刷新
if(e.key == key){ // 判断是否是目标值发生改变
fn() // 执行fn
}
});
}
// 新页面
localStorage.setItem('changed',new Date().getTime()); // 设置当前时间戳
本文标题：解决跳出页面后，原页面刷新问题
本文链接：https://www.haomeiwen.com/subject/zsnenqtx.html
网友评论