iframe给父组件内传参

最近需求中出现一个iframe 在点击完成之后 子 iframe 需要给 父iframe 传递一个参数

在父iframe中这么接受 在created和 mounted 都可以

 

 window.addEventListener('message', this.handleMessage,'事件名')

事件这么写

 

 handleMessage(e) {
                if (e.data.status === 'ok') {
                    this.formItem.officalId = e.data.params.gw
                    this.AssociatedShow = e.data.params.ok
                }
            },

2021/09/28
出现一个bug 在测试环境和开发环境 直接使用

 window.parent.postMessage({
                    status: 'ok',
                    params: {
                        ok: false, //关闭的值
                    }
            })

没有问题 然而在生产环境出现了 问题
报错 需要传两个参数 在尾部加 ‘*’ 就解决了

 

window.parent.postMessage({
                    status: 'ok',
                    params: {
                        ok: false, //关闭的值
                    }
                },'*')