不同系统页面之间通信
2021-12-14 本文已影响0人
1994陈
场景:A系统中页面与B系统中页面需要通信
1.postMessage
A页面通过window.open打开B页面
若是通过iframe嵌套,B页面通过window.parent来传值
A页面:
window.addEventListener('message',function(e) {
console.log('在A页面接收B页面的消息'+e.data)
})
B页面:通过点击事件触发
handleClick(){
this.index += 1
window.opener.postMessage('我是来自B的消息'+this.index)
}
2.路由+ng配合
A页面:
window.location.href = 'B页面路径'+参数
B页面:
路由解析并存储需要使用的值,跳回A页面也是用window.location.href