Vue iframe调用父页面的方法,

我是用的vue把旧系统改造了,只用到了vue的便捷语法,并没有用vue的大框架,所以项目还是用了很多iframe

——————————————————————–

网上查询后,得出两种方案

1:通过传递消息,postMessage解决

感觉这种有点怪,每个父子页面都需要使用消息监听,比往常开发多了不少代码

2:通过暴露vue方法给全局,然后子页面调用

这种方法过于勉强,总感觉有偏离了vue的路线

经过不信邪的调试,终于找到我想要的调用方法

子页面中获取父页面的vue对象:

parent.app.__vue__

比如父页面vue里有方法

methods:{
    test:function(){
    }
}

则子页面就可以用

parent.app.__vue__.test()

调用父页面test方法;