Vue 使用iframe引用html页面实现vue和html页面方法的调用操作

当我们需要在vue中使用其他模块或者其他地方的一些html页面功能时，我们可以使用iframe去引用html页面，实现他们的交互首先我们可以再vue页面中使用标签引用html页面。可以通过url进行传值，若嵌入外网例如www.baidu.com,可以设置为。但是如何在子页面读取asd的值这个还没探究成功，稍后若寻找到合适的方法会再更新。这种方法比较适合比较简单的需求例如我们在子页面设置四个click事件，JS代码如下那么在父页面我们可以在method中定义如下函数获取到n的值将callchild函数由某个button触发，可以看到弹出窗口