vue iframe传值,vue 组件之间传值

vue iframe传值,vue 组件之间传值

1.在iframe页面里触发事件，找到他的父级页面的dom元素，用postMessage传值，里面所有的都是参数，cmd是为了能在父级vue页面区分该操作的用途2.在父级vue页面的周期函数mounted中监听i由于嵌入的项目需要与原项目交互，跳转到对应菜单，故需传值给父页面let data ={ xxx:'', yyy:'', zzz: { } } window.parent.postMessage(data,'*') mounted()

≥﹏≤ iframe.onload用来解决父传子首次传值获取不到数据的问题子组件接收传值window.addEventListener("message", message => { console.log(message ); }) vue父vue嵌套iframe发送、接收数据1 2 3 4 5