vue iframe请求百度

要在Vue中将iframe嵌入百度，你需要进行以下步骤：

1. 首先，在Vue模板中添加一个div容器和一个iframe元素，如下所示：

<template>
  <div class="act-form">
    <div @click="sendMessage">向iframe发送信息</div>
    <iframe :src="src" ref="iframe"></iframe>
  </div>
</template>

2. 然后，在Vue的data属性中定义一个src变量，将其设置为百度的URL，例如：

export default {
  data () {
    return {
      src: 'https://www.baidu.com'
    }
  },
  // 其他代码...
}

3. 接下来，在Vue的mounted钩子函数中获取iframe的window对象，如下所示：

export default {
  // 其他代码...
  mounted () {
    console.log(this.$refs.iframe) // 获取iframe元素
    console.log(this.$refs.iframe.contentWindow) // 获取iframe的window对象
  }
}

这样，你就可以在Vue中将一个iframe嵌入到百度页面中了。当单击“向iframe发送信息”按钮时，Vue会向iframe发送一条信息。你可以在Vue中使用postMessage来发送数据给嵌入的iframe，并在iframe的window上添加message事件监听器来处理从iframe返回的数据。这样，你就可以在Vue和嵌入的iframe之间进行通信了。

希望这个解答对你有帮助！如果还有其他问题，请随时提问。