Tengo un cuadro de diálogo vuetify que contiene un iframe.
Necesito que cada vez que se vuelva a abrir el cuadro de diálogo, el iframe se restablecerá al principio.
En este momento, con cada apertura del cuadro de diálogo, el iframe se encuentra en su último estado.
Intenté usar v-if en el cuadro de diálogo y agregar una tecla :key para volver a renderizar y no funcionó.
mi diálogo + iframe
<v-dialog v-model="dialog['dialog_' + index]" width="500"> <template v-slot:activator="{ on, attrs }"> <div style="display: flex; flex-direction: column; align-items: center;"> <v-btn v-on="on" v-bind="attrs" @click="onActionClick(action)" icon class="action-button"> <img :src="'../../../static/assets/Images/' + action.icon +'.svg'"> </v-btn> <p class="mt-2" style="line-height: 12px">{{ action.label }}</p> </div> </template> <iframe :src="iframeUrl" :title="action.label"/> </v-dialog>Gracias.
En su componente v-dialog haga esto:
<v-dialog @input="refreshIframe" v-model="dialog['dialog_' + index]" width="500">Y agregue un método a su secuencia de comandos como este:
methods: { // other methods... refreshIframe () { const tempUrl = this.iframeUrl; iframeUrl = ""; iframeUrl = tempUrl; } }