pc端打开新页面,完美刷新上一个页面

有时候产品的需要打开的页面,但是新页面可能发生了数据变更,希望刷新之前的页面上的数据。


比如,在文章列表打开创建文章,然后创建完成后切换至文章列表。产品的要求,列表有刚才创建的文章。

解决方案:

localStorage: 用来存储是否需要刷新数据。


监听页面显示事件,当页面显示的时候会触发这个事件。

document.addEventListener("webkitvisibilitychange", () => {

this.onVisibility();

}, false);

document.addEventListener("visibilitychange", () => {

this.onVisibility();

}, false);

onVisibility() {

            if((document.visibilityState || document['webkitVisibilityState']) ==="visible") {

                    this.checkRefresh();

         }

}


checkRefresh() {

let isNeedRefresh = LocalStore.get(LOC_NEED_ARTICLE_LIST_UPDATE_KEY, true);

  LocalStore.remove(LOC_NEED_ARTICLE_LIST_UPDATE_KEY);

  if (isNeedRefresh) {

this.props.dispatch({

type:'article/fetch',

      payload:this.originFilter

    });

  }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 葛悦阅读 1,222评论 0 0
  • 大胖嘟和小馒头 十几年前的光景,对现在的我来说已成遥忆。 无关于年龄,只是惊觉小时候的游戏,小时候的零食,小时候的...
    初见妮好阅读 3,262评论 0 1