今天在项目中用到在组件中嵌入iframe调用另一个vue项目中的组件页面
<template>
<div style="width:100%;height:100%">
<iframe
class="el_sence_table"
ref="senTable"
frameborder="0"
height="100%"
name="senceTable"
scrollong="no"
width="100%"
:src="tableUrl"
></iframe>
</div>
</template>
如上图,撸主在vue组件中嵌入的iframe.
OK,现在我们需要给嵌入iframe中的子页面(也就是另一个vue项目中的页面传递信息)
所以我们需要用postMessage(不懂的百度下,很简单的)传递
父页面调用就是给iframe的ref赋值,然后我们根据
this.$res.iframe.contentWindow.postMessage('我是要传递的数据,'可以是String或者是Obeject',我是要接收页面的IP地址+端口号或者是*号键')
let options =