Диалог Vuetify с iframe - PullRequest
Новая
       20

Диалог Vuetify с iframe

0 голосов
/ 17 июня 2020

My Vue приложение содержит iframe, который вложен в диалоговое окно Vuetify , я хочу создать метод, который будет отправлять некоторые данные в iframe через postMessage, а затем открыть диалоговое окно, в котором будет отображаться iframe с нужными данными (в моем случае - изображение). Моя проблема в том, что я не могу указать на элемент iframe до того, как диалоговое окно выскочит.

Это диалог с iframe: 

<v-dialog
  v-model="editBoardDialog"
>
  <v-card>
      <!-- HERE -->
      <iframe id="ifrm" src="/ami.html" width="500" height="500"></iframe>
  </v-card>
</v-dialog>

Это методы, которые отправляют изображение в iframe через postMessage и выводят диалоговое окно 

//opens the dialog
openEditor() {
    this.editBoardDialog = true 
    this.sendImageToIframe() //
},
//passing data to iframe
sendImageToIframe() {
    let iframe = document.getElementById("ifrm").contentWindow; //return NULL... why?
    //sends the image to the iframe
    iframe.postMessage({action:"updateAll",data:this.board.editorDetails})
}
...