不同源iframe中怎么调取vue methods中的方法?

父页面 和子页面 是在bai一个域下, 也是就是 协议 主机名 端口号是一致的,在iframe中可以直接调用

mounted() {
    window.init = this.init
},
methods : {
    init() { console.log('test')}
}
// 子页面直接调用
parent.init()

不同源的怎么调用,我对这块一无所知,求解答。
image.png

阅读 2k
1 个回答

当然 同源直接访问是可以的。
不过还是推荐window.postMessage,iframe下就是iframe.contentWindow;必须要子页面监听了相应的事件,你通过postMessage去触发它,而不能直接跨域操作。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题