美文网首页
窗口之间的传值

窗口之间的传值

作者: 废弃的种子 | 来源:发表于2021-06-23 13:41 被阅读0次
    • window.opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。
      当使用window.open()打开一个窗口,您可以使用此属性返回来自目标窗口源(父)窗口的详细信息。
      window.opener.close()将关闭源(父)窗口。
    • window.open()属性
      https://blog.csdn.net/vastskyjoe/article/details/4122104
    • 示例
    /**
     * @desc   打开一个新窗口
     * @param {(Object vue实例this)} vue
     * @param {Object} params
     * @returns {string}
     */
    Common.windowOpen = function(vue, params, name = "_blank") {
      const routeData = vue.$router.resolve(params);
      const opener = window.open(routeData.href, name);
      return opener;
    };
    //父
     addHouseholdsTable() {
          this.Common.windowOpen(this, { path: '/printChangeOfPovertyAlleviation/ChangeOfPovertyAlleviation', query: {
            type: 3
          }});
          const self = this;
          window.addEventListener('message', function(e) {
            const data = e.data;
            if (data === 'successSaveCheckForm') {
              self.getList(); ;
            }
          });
        },
          
     //子
    window.opener.postMessage('successSaveCheckForm', '*');
    

    相关文章

      网友评论

          本文标题:窗口之间的传值

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