Vue中iframe调用父页面的方法

2022-09-22 10:03:28 浏览数 (1)

父页面结构

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怎么调用父页面的方法

0 人点赞