vue项目如何内嵌如iframe页面_框架

在vue页面中

created () {

windowaddEventListener("message", thisreceiveMessageFromIframePage, false);

receiveMessageFromIframePage(event){

if (eventdata && eventdatadata && eventdatadatatype) {

// do somthing, you want to do

}

子页面

postMessage(message,targetOrigin,[transfer]);

注释：

message：将要发送到其他window的数据。

targetOrigin：指定那些窗口能接收到消息事件，其值可以是字符串 “” 表示无限制，或者是一个URI。

transfer：是一串和message同时传递的Transferable对象，这些对象的所有权将被转移给消息的接收方，而发送方将不再保留所有权。

postMessage方法被调用时，会在所有页面脚本执行完毕之后像目标窗口派发一个 MessageEvent 消息，该MessageEvent消息有四个属性需要注意：

type：表示该message的类型

data：为 postMessage 的第一个参数

origin：表示调用postMessage方法窗口的源

source：记录调用postMessage方法的窗口对象

不清楚你是不是说的jsp里边的参数传递

如果你要在两个静态父子对象的页面传递参数，你可以用parent来得到

是这么做的：

parenthtml中设置一个hidden控件id为xx_info(正常用时style="display:block;改成style="display:none;)

<body>

</div>

欢迎：<span class="zt2s">

</samp>

</div>

</div>

被嵌套的iframe页面childhtml

function sub_cmy(){

parentdocumentgetElementById('xx_info')innerHTML='adfasdfasdf';

}

function back_1(){

historygo(-1);

}

</script>

<body>

<button onClick="sub_cmy()">提交

</div>

</body>

以上就是关于vue项目如何内嵌如iframe页面全部的内容，包括:vue项目如何内嵌如iframe页面、在一个页面中嵌入另一个页面使用iframe，但是被嵌入页面需要通过request传递参数应该如何实现、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

vue项目如何内嵌如iframe页面