关于前端:Vue-在vue中接收iframe的传递的信息

39次阅读

共计 461 个字符,预计需要花费 2 分钟才能阅读完成。

页面 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…

正文完
 0