首页 文章

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

提问于
浏览
1

我试图在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"
  },

我正在使用后端作为生成身份验证令牌的中间件来 Build Oauth2到Clio App连接 .

有没有想过如何在对话框中打开html页面并返回主窗口,更新数据?

1 回答

  • 0

    使用Vuetify v-dialog组件怎么样?对于它的内容,你的HTML页面有一个iframe?喜欢this .

    <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>
    

相关问题