vue 弹框使用iframe

Vue弹框使用iframe的方式是将一个iframe嵌入到弹框中，以实现在弹框中展示其他网页或内容的效果。下面是使用Vue弹框插件vue-js-modal结合iframe的示例代码：

1. 首先，安装vue-js-modal插件：

npm install vue-js-modal

2. 在Vue项目的入口文件（一般是main.js）中引入和使用vue-js-modal插件：

import Vue from 'vue'
import VModal from 'vue-js-modal'

Vue.use(VModal)

3. 在需要使用弹框的组件中，使用`v-modal`指令来触发弹框的显示和隐藏，并在弹框中嵌入iframe：

<template>
  <div>
    <button @click="openModal">打开弹框</button>
    <modal name="iframe-modal">
      <iframe src="https://www.example.com"></iframe>
    </modal>
  </div>
</template>

<script>
export default {
  methods: {
    openModal() {
      this.$modal.show('iframe-modal')
    }
  }
}
</script>

在上述代码中，点击按钮会调用`openModal`方法，该方法通过`this.$modal.show`来显示名为"iframe-modal"的弹框，弹框中嵌入了一个iframe，其src属性指向"https://www.example.com"。