页面A中有一个<iframe>标签。<iframe>标签的src属性指向的跨域页面B,跨域页面B通过postMessage形式传递信息。当初在页面A中想要获取跨域页面B传递来的信息。
实现形式是监听A页面的"message"事件。思考是vue2框架。其实现形式与原生html有稍许不同。
在vue的mounted生命周期里增加
mounted() {
window.addEventListener("message", this.handleIframeMessage)
}
要在页面销毁时勾销监听,这里能够在beforeDestory生命周期里应用removeEventListener。
但举荐应用$once。也是mounted申明周期里
this.$once("hook:beforeDestroy", () => {
window.removeEventListener("message", this.handleIframeMessage);
})
完结。
同步更新到本人的语雀:
https://www.yuque.com/diracke...