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

Question

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

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

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

Answer 1

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