PostMessage Vue中使用
发送端代码:vardata={code:'aym',name:'professionalDatum',type:'1',key:'2b5841d41a64b982b7a0a674b5d78c41'};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);
}
});
}
更多推荐
所有评论(0)