vue 动态加载iframe

你可以使用动态绑定的方式来实现在 Vue 中动态加载 iframe。以下是一个简单的示例：

<template>
  <div>
    <button @click="loadIframe">加载 iframe</button>
    <div v-if="iframeSrc">
      <iframe :src="iframeSrc" width="100%" height="500"></iframe>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      iframeSrc: null
    };
  },
  methods: {
    loadIframe() {
      // 设置 iframe 的 src 属性为需要加载的 URL
      this.iframeSrc = "https://www.example.com";
    }
  }
};
</script>

在上述示例中，按钮的点击事件 `loadIframe` 方法会将 `iframeSrc` 数据属性设置为需要加载的 URL。然后，在模板中使用 `v-if` 指令来判断是否需要显示 iframe，如果 `iframeSrc` 不为空，则显示 iframe，并设置 `src` 属性为 `iframeSrc` 的值。

这样就可以实现在 Vue 中动态加载 iframe。当点击按钮时，会加载指定的 URL 的内容到 iframe 中。