vue + elementUi el-dialog中引入vue页面 在父页面访问el-dialog引入页面的方法

遇到一个这样的问题，实际页面中用到dialog，并且引入了其他页面，当然这里用的vue + elementUI

如果想要引入页面在弹框每次弹出时进行初始化，如图：

但是dialog中子页面只会在父页面加载完后，第一次点击事件时初始化，如果关闭，在打开，实际中页面是存在的，只是隐藏

研究了好久，最初想到是用vue $refs 实现,在子页面添加init方法

发现vm.$refs.方法 输出 undifined ,参考 https://blog.csdn.net/qq_39861508/article/details/78955722

可能是因为执行顺序的问题，通过setTimeout来实现，果真成功

然后就是在子页面调用父页面的关闭就好实现了

代码如下

当然，可能会遇到遮蔽层问题，这时候，参考element-ui文档即可