<div></div><iframe></iframe> iframe嵌入的页面中的数据怎么传到div中来 用vue的方法

在Vue中，将iframe中的数据传输到div中，您可以使用`postMessage()`方法。在iframe中，使用`postMessage()`方法向父页面发送数据。在父页面中，使用`window.addEventListener()`方法侦听来自子页面的消息，并将消息存储在div中。

以下是一个示例代码：

在子组件中：

mounted() {
  const data = "Hello World!";
  window.parent.postMessage(data, "*");
}

在父组件中：

mounted() {
  window.addEventListener("message", (event) => {
    if (event.origin !== "http://example.com") // 验证消息来源
      return;

    const div = document.getElementById("myDiv");
    div.innerHTML = event.data;
  });
}

在这个例子中，子组件向父页面发送了一条消息"Hello World!"，并将其存储在id为"myDiv"的div中。请注意，如果您不验证消息来源，可能会受到跨站点脚本攻击（XSS）的风险。因此，请始终验证消息来源。