PostMessage Vue中使用

PostMessage Vue中使用发送端代码 vardata code aym name professional type 1 key 2b5841d41a64 varpopup window open

发送端代码:

 var data = {

          code: ‘aym’,

          name:’professionalDatum’,

          type:’1′,

          key:’2b5841d41a64b982b7a0a674b5d78c41′

        };

        var popup = window.open(“http://localhost:8081/professionalDatum”);

//此处由于传递数据的过程中,由于页面响应慢,可能无法同时同步导致数据传输失败。所以设置延迟调用传输数据。

        window.setTimeout(

        function () {

          popup.postMessage(data,’http://localhost:8081′); 

          console.log(“send”);

        }, 1000);

接收端代码:

//前端 vue.js

  mounted() {

    var args = this;

    window.addEventListener(‘message’, function(e){

        if(e.data.key == “2b5841d41a64b982b7a0a674b5d78c41”){

          args.usercode = “10001”;

          // 画布初始化

          args.handleCanvasInit();

          // 初始化专业模版信息

          args.initializeTemplate();

          //初始化当前流程

          args.initType(e.data);

        }

    });

  }

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/214366.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午4:26
下一篇 2026年3月18日 下午4:26


相关推荐

  • Ubuntu 18 安装rabbitVCS

    Ubuntu 18 安装rabbitVCSsudoadd-apt-repositoryppa:ondrej/phpsudoapt-getinstallphp5.6-opcachesudoapt-getinstallphp5.6-jsonsudoapt-getinstallphp5.6-commonsudoapt-getinstallphp5.6-devsudoapt-getinstallpk…

    2022年7月18日
    17
  • Linux网卡启动失败_restart电脑上哪个键

    Linux网卡启动失败_restart电脑上哪个键Linux重启网卡失败报错如下:Jobfornetwork.servicefailedbecausethecontrolprocessexitedwitherrorcode.See“systemctlstatusnetwork.service”and“journalctl-xe”fordetails.报错原因:network与NetworkManager冲突导致解决办法:[root@localhost~]#systemctlstopNe

    2025年11月23日
    8
  • kotlin与java的区别[通俗易懂]

    kotlin与java的区别[通俗易懂]Kotlin简介:Kotlin是一个基于JVM的新的编程语言,由JetBrains开发。Kotlin可以编译成Java字节码,也可以编译成JavaScript,方便在没有JVM的设备上运行。JetBrains,作为目前广受欢迎的JavaIDEIntelliJ的提供商,在Apache许可下已经开源其Kotlin编程语言。Kotlin已正式成为Android官方开发语言。通过上面的简介,我们对Kotlin也有了大概了认知,Kotlin作为新的一种语言,可以运行在JVM上面,那么它

    2022年7月7日
    26
  • 打印机设置共享以及共享时无法连接,报错0X00000006解决方法[通俗易懂]

    打印机设置共享以及共享时无法连接,报错0X00000006解决方法[通俗易懂]取消禁用Guest用户,因为别人要访问安装打印机的按个电脑就是以guest账户访问的。 点击【开始】按钮,在【计算机】上右键,选择【管理】,如下图所示: 在弹出的【计算机管理】窗口中找到【Guest】用户 双击【Guest】,打开【Guest属性】窗口,确保【账户已禁用】选项没有被勾选 设置共享目标打印机:点击【开始】按钮,选择【设备和打印机】,如下图: 在…

    2022年5月14日
    619
  • 图形界面开发工具_java的开发工具有哪些

    图形界面开发工具_java的开发工具有哪些DevExpressVCLControls是Devexpress公司旗下最老牌的用户界面套包,所包含的控件有:数据录入,图表,数据分析,导航,布局等。该控件能帮助您创建优异的用户体验,提供高影响力的业务解决方案,并利用您现有的VCL技能为未来构建下一代应用程序。【适用范围】:EmbarcaderoRADStudio2010/XE/XE2/XE3/XE4/XE5…

    2026年3月4日
    3
  • java 对象转map,map转对象

    java 对象转map,map转对象java对象转map:https://blog.csdn.net/to_Date32/article/details/78190785

    2022年5月16日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号