PostMessage Vue中使用

发送端代码:

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);

}

});

}

PostMessage Vue中使用相关推荐

如何在vue中优雅的使用ocx控件：结合iframe
如果感觉ocx控件会破坏vue代码结构,写起来很别扭,我们可以使用iframe来封装ocx控件. 以串口控件为例,文件包括:serial.html和serial.vue <!DOCTYPE ht ...
关于Vue中$nextTick的作用及实现原理(Vue进阶)
Hello,大家好,最近找工作的路途依然艰难,但是要一直保持对技术的热爱!今天继续跟大家探索一下Vue进阶的内容,这次研究一下Vue的全局API中的$nextTick,这是一个很常用,也是经典的API ...
vue 中使用 cesium
vue 中使用 cesium 我是在 vue 项目里面使用的 cesium,但是呢,有点问题,就是有些语法在js转vue的时候有些许的限制,比如说js中相对路径引入文件是一切OK的,vue 也能解决, ...
理解Vue中的methods对象方法里的this指向，并解读源码
Vue3的版本 "version": "3.2.20" 阅读区域 618 - 645 解决疑惑 1. methods 对象的 this指向 2. methods ...
怎么将vue模板转换为html,vue中自定义html文件的模板
如果默认生成的 HTML 文件不适合需求,可以创建/使用自定义模板. 一是通过 inject 选项,然后传递给定制的 HTML 文件.html-webpack-plugin 将会自动注入所有需要的 C ...
props写法_简单理解vue中Props属性
本文实例为大家解析了vue中Props的属性,供大家参考,具体内容如下使用 Props 传递数据组件实例的作用域是孤立的.这意味着不能并且不应该在子组件的模板内直接引用父组件的数据.可以使用 pr ...
vue ts 设置tslint提示_Typescript 在 Vue 中的实践(包含2.x、3.x)
1 使用 typescript 的优势聊到 ts 时有一个不能规避的问题:为什么要使用 ts ,相比 js 有什么优势吗?下面我从两个方面试着回答一下这个问题: 1.1 项目开发时的便利避免低级 ...
VUE中使用Echarts绘制地图迁移
踩坑说明很久以前写jsp时使用过echarts的china.js插件,不过echarts是2.0的,目前vue项目中使用echarts3.8.5,直接将china.js插件引入,代码复制,运行一看, ...
vue中动态样式不起作用？ scoped了解一下
vue中style标签使用属性scoped的注意事项 style上添加属性scoped可以实现样式私有化,但是在使用动态样式时,样式会不起作用.可以先去掉scoped 转载于:https://www. ...

PostMessage Vue中使用

PostMessage Vue中使用相关推荐

最新文章

热门文章