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

窗口之间的传值

作者: 废弃的种子 | 来源:发表于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', '*');

相关文章

  • 窗口之间的传值

    window.opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。当使用win...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • vue通信、传值的多种方式

    组件之间传值方式 页面间之间传值方式

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • ios常用的三种传值方式

    iOS中有多种方案可以实现页面之间的传值,例如:属性传值、代理传值、block传值、单例传值...。常用的三种传值...

  • 多窗口如何实现数据的传递

    在平时做web开发的时候关于消息传递,除了客户端与服务器传值还会遇到窗口与窗口之间如何实现数据传递的问题。 以下是...

  • swift传值

    本文将介绍swift中的传值方式:属性传值、代理传值、闭包传值、通知传值本文将在两个VC之间进行传值:HomeVC...

  • 参数绑定与传值

    参数绑定与传值1)功能方法之间的跳转2)功能方法之间的传值3)方法和页面之间传值(重点)4)从页面到功能方法(V-...

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • 组件与组件、页面之间的通信

    一、props传值 props传值在WePY中属于父组件与子组件之间(包括页面与其子组件之间)传值的一种机制,包括...

网友评论

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

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