Vue iframe调用父页面的方法,
我是用的vue把旧系统改造了,只用到了vue的便捷语法,并没有用vue的大框架,所以项目还是用了很多iframe
——————————————————————–
网上查询后,得出两种方案
1:通过传递消息,postMessage解决
感觉这种有点怪,每个父子页面都需要使用消息监听,比往常开发多了不少代码
2:通过暴露vue方法给全局,然后子页面调用
这种方法过于勉强,总感觉有偏离了vue的路线
经过不信邪的调试,终于找到我想要的调用方法
子页面中获取父页面的vue对象:
parent.app.__vue__
比如父页面vue里有方法
methods:{ test:function(){ } }
则子页面就可以用
parent.app.__vue__.test()
调用父页面test方法;