Vue界面使用iframe嵌套html界面的传值问题

 

一.从父页面给子页面传值

可以通过url进行传值，若嵌入外网例如www.baidu.com,可以设置为

asd后面跟的值可以根据需要更改，不影响地址的访问

若为本地html文件，类似的可以写作

:src="test.html#asd =1"

但是如何在子页面读取asd的值这个还没探究成功，稍后若寻找到合适的方法会再更新。这种方法比较适合比较简单的需求

二.父页面获取子页面的值

例如我们在子页面设置四个click事件，JS代码如下

那么在父页面我们可以在method中定义如下函数获取到n的值

callchild(){
      let obj1=window.frames["child"];//获得对应iframe的window对象
      alert(obj1.n);
    },

将callchild函数由某个button触发，可以看到弹出窗口