嵌套的iframe contentWindow始终为null

Question

我正在使用Vue制作应用，我在该应用中有一个嵌套的iframe，该嵌套通过链接从AWS加载内容，并且我有一条消息需要发送到该iframe，因此我有一个{在iframe上设置了{1}}，并使用ref发送该消息，但控制台始终显示错误。

this.$refs.frameRef.contentWindow.postMessage(...)

当我尝试将内容下载到本地项目以测试其是否正常运行时，这里的问题是何时部署了内容。

有人对此有任何想法吗？

Answer 1

过早调用iframe

我猜您正在尝试在iframe窗口完全加载之前调用它。

尝试在iframe的onload事件发生后调用您的 postMessage 。

var youriframe = document.getElementById('ifameid');

youriframe.onload = function() {
   youriframe.contentWindow.postMessage(...)
}

或者可能会检查您的iframe是否未沙箱

然后，您必须添加 allow-same-origin 。