dialog 中引用iframe, 通过iframe 调用 dialog 父页面方法

父页面：

<div id="ksbhif">
<el-dialog :visible.sync="dialogVisible" title="开始备货" width="80%" top="50px">
　　<iframe :src="iframeUrl" frameborder="0" width="100%" height="600px"></iframe>
</el-dialog>
</div>

父页面vue方法

updateDialog(){
　　this.dialogVisible = false; //关闭dialog
　　console.log("测试还傻傻地发挥");
},

动态给iframeUrl赋值

this.iframeUrl = "./bhd_ksbh.html?type=2&bhdh="+row.id;
this.dialogVisible = true; 显示dialog

 

子页面调用方法

gb(){
　　$(window.parent.document).find('#app').each(function() {
　　　　if (this.__vue__.dialogVisible) {
　　　　　　this.__vue__.dialogVisible = false;
　　　　　　this.__vue__.updateDialog();
　　　　}
　　});
},