Question

vue中引入iframe,iframe中怎么调取vue methods中的方法？

vue中引入iframe,iframe中怎么调取vue methods中的方法？

Answer 1

如果 你的父页面 和子页面 是在一个域下， 也是就是 协议 主机名 端口号是一致的。  可以在子页面 (也就是iframe)中  直接访问 parent 这个对象， 这个对象就是父页面的window 对象。 想要调用父页面methods 中的方法， 就在 父页面vue 中 将该方法 赋值给window  子页面就可以调用了。 

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

如果子页面和父页面不在一个域下， 可以使用代理 子页面iframe  使得其在一个域下。

总之，如果你引用的iframe  不在一个域下是无法调用的。