首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

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

发布网友

我来回答

1个回答

热心网友

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

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

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

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

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com