vue中iframe怎么用

在Vue中使用iframe有两种方式：

1. 直接在Vue组件中使用iframe标签：

<template>
  <div>
    <iframe src="http://www.example.com"></iframe>
  </div>
</template>

2. 使用Vue的动态组件，在需要的时候加载iframe组件：

<template>
  <div>
    <component :is="currentComponent"></component>
  </div>
</template>

<script>
  import IframeComponent from './IframeComponent.vue'
  export default {
    data() {
      return {
        currentComponent: 'div'
      }
    },
    methods: {
      loadIframe() {
        this.currentComponent = 'iframe-component'
      }
    },
    components: {
      'iframe-component': IframeComponent
    }
  }
</script>

其中，IframeComponent.vue文件内容如下：

<template>
  <iframe src="http://www.example.com"></iframe>
</template>