关于postMessage传值问题

在做一个vue的项目 涉及跨域  然后利用iframe内嵌页 会有很多问题   所以尝试利用object标签去完成内嵌功能

很简单   

我写了一个小例子   跨域的     

a 项目 vue的  端口8080

b项目 express的 端口3000

然后a项目引用object  在data写上b项目的页面的请求


很好 页面出来了


然后我想完成从b页面将数据给a 用于通信 达到后续操作的目的  然后这里就利用postMessage了

我再b项目的页面写以下


上面利用的postMessage

然后再a项目  (vue)  先在created里 开启监听


自动忽略没用的东西哈   这里 如果接受到message  会调用当前vue对象的messageHandle方法

然后定义方法

都搞定了 然后  测试


页面下面用的vue绑定的对象  {{shuju}} 用于显示  到此结束  

object 支持 postMessage 传值

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值