美文网首页
window postMessage

window postMessage

作者: 王善良_ | 来源:发表于2019-08-14 17:51 被阅读0次

    有个需求是,打开新窗口,新窗口点击按钮后,原窗口的列表要刷新,
    这个的话,只要能解决页面的通信问题,原窗口只要重新调用一下获取列表的search方法就行了

    重点是在 新窗口,
    输入

    window.opener.postMessage(
          '你要传递的信息字符串',
          window.opener.location.href, //这个是地址,也是字符串
        );
    

    然后原窗口要在 componentDidMount 里面写监听器

    window.addEventListener('message', e => {
          if (e.data === '你传递过来的信息字符串') {
            this.handleSearch({});
          }
        });
    

    如果postMessage的第二个参数不传,可能会导致报错


    image.png image.png

    相关文章

      网友评论

          本文标题:window postMessage

          本文链接:https://www.haomeiwen.com/subject/ecenjctx.html