Vue中iframe调用父页面的方法

父页面结构

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

<el-dialog title="父页面" :visible.sync="JscancelOrderVisible" width="30%" >

<iframe width="100%" height="750px" frameborder="0" :src="jscancelOrderSrc"></iframe>

</el-dialog>

1，子页面获取父页面的vue对象。

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

parent.app.__vue__

2，比如父页面vue里有方法

PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL

methods:{

test:function(){

}

}

3，则子页面就可以用parent.app.__vue__.test()调用父页面的test方法。

延申

普通页面嵌套iframe怎么调用父页面的方法