如何在Vuetify的对话框中打开html页面？- VueJS

Question

我尝试在 vuetify 中打开一个不同的页面，使用window.open (http://url)并在操作后返回主窗口以使用一些数据更新它。但是，我需要以模式打开页面。并且window.showModalDialog()不工作

我正在使用以下功能：

"dependencies": {
    "axios": "^0.16.1",
    "devour-client": "^1.4.3",
    "lodash": "^4.17.4",
    "papaparse": "^4.3.3",
    "vee-validate": "^2.0.0-rc.27",
    "vue": "^2.2.6",
    "vue-i18n": "^7.0.5",
    "vue-kindergarten": "^0.3.0",
    "vue-moment": "^2.0.2",
    "vue-router": "^2.5.3",
    "vue2-dropzone": "^2.0.0",
    "vuetify": "^0.12.7",
    "vuex": "^2.3.1",
    "vuex-router-sync": "^4.1.2"
  },

我正在建立 Oauth2 到 Clio App 的连接，使用后端作为生成身份验证令牌的中间件。

知道如何在对话框中打开 html 页面并返回主窗口，更新数据吗？

Answer 1

使用 Vuetify v-dialog 组件怎么样？对于它的内容，你的 HTML 页面有一个 iframe 吗？像这样。

<v-dialog v-model="dialog" width="100%">
 <v-btn color="primary" dark slot="activator">Open Dialog</v-btn>
  <v-card>
   <iframe style="width:100%" src="https://vuetifyjs.com"></iframe>
  </v-card>
 </v-dialog>