关键词：
【中文标题】Vuetify 对话框在重新打开时重置内容【英文标题】：Vuetify Dialog Reset Content on re-open 【发布时间】：2021-11-13 03:50:23 【问题描述】：我有一个包含 iframe 的 vuetify 对话框。
我需要每次重新打开对话框时 iframe 都会重置到开头。
现在，每次打开对话框时，iframe 都处于最后状态。
我尝试在对话框上使用 v-if 并添加 :key 进行重新渲染，但没有成功。
我的对话框 + iframe
<v-dialog
v-model="dialog['dialog_' + index]"
>
<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>
谢谢。
【问题讨论】：
【参考方案1】：在您的 v-dialog 组件中执行以下操作：
<v-dialog
@input="refreshIframe"
v-model="dialog['dialog_' + index]"
>
然后像这样在你的脚本中添加一个方法：
methods:
// other methods...
refreshIframe ()
const tempUrl = this.iframeUrl;
iframeUrl = "";
iframeUrl = tempUrl;
【讨论】：
excel电子表格保存后，重新打开时原先设置的格式都没了？
...项Excel表格保存后，重新打开时原先设置的格弹出选项的对话框，单击常规与保存，找到保存的选项，Excel表格保存后，重新打开时原先设置的格式都没了怎么办然后找到文档保存的默认格式，在下拉菜单下选择MicrosoftExcel97-2003... 查看详情
材质对话框在打开时将主体滚动到顶部
】材质对话框在打开时将主体滚动到顶部【英文标题】：MaterialDialogscrollsbodytotoponopen【发布时间】：2020-03-0103:47:54【问题描述】：我在React应用程序中使用MaterialUI，并希望在我的页面上打开一个对话框。对话框打开很好，唯一的... 查看详情
清除 jQuery 对话框在打开时验证
】清除jQuery对话框在打开时验证【英文标题】：ClearingjQueryDialogvalidateuponopen【发布时间】：2020-08-1320:12:57【问题描述】：我在我的代码中遇到了类似的行为：https://codepen.io/iw3/pen/BAdIqhtml<inputid="open"type="button"value="Open"/><divid... 查看详情
如何在对话框打开时模糊第一个表单输入
】如何在对话框打开时模糊第一个表单输入【英文标题】：Howtoblurthefirstforminputatthedialogopening【发布时间】：2011-07-2201:08:32【问题描述】：我有一个显示表单的jQuery.dialog。第一个输入是<inputtype="text"class="datepicker&... 查看详情
HKObserverQuery 仅在应用程序重新打开时运行
】HKObserverQuery仅在应用程序重新打开时运行【英文标题】：HKObserverQueryonlyrunswhentheapplicationisreopened【发布时间】：2017-07-2320:17:42【问题描述】：所以我一直按照这个答案中的说明进行操作......Healthkitbackgrounddeliverywhenappisnotrunning... 查看详情
Vuejs & Vuetify - 在对话框中使用 Tinymce 作为组件需要重新加载
】Vuejs&Vuetify-在对话框中使用Tinymce作为组件需要重新加载【英文标题】：Vuejs&Vuetify-UsingTinymceasacomponentinadialogrequiresreloading【发布时间】：2021-08-0508:08:30【问题描述】：我正在使用tinymce作为组件来创建和编辑文章https://www.ti... 查看详情
StatefulWidget 页面在键盘打开时重新创建
】StatefulWidget页面在键盘打开时重新创建【英文标题】：StatefulWidgetPagerecreatewhenkeyboardisopen【发布时间】：2019-05-2400:19:33【问题描述】：在我的个人资料页面中有编辑选项，当使用单击编辑图标时，我使用布尔条件将Text小部件更... 查看详情
重置 Vuetify 表单验证
...io/yuukive/pen/BVqpEZ使用上面的代码，如果我这样做了（打开对话框-->按保存按钮-->（验证失败）-->按关闭按钮-- 查看详情
Android如何在屏幕关闭/打开时防止webview重新加载？
】Android如何在屏幕关闭/打开时防止webview重新加载？【英文标题】：Androidhowtopreventwebviewreloadwhenthescreenisoff/on?【发布时间】：2018-03-2005:20:36【问题描述】：我看到了很多与我的问题相关的文档和文章。但我没有得到任何适当的解... 查看详情
如何创建带有导航抽屉和可调整大小内容的 Vuetify 容器？
】如何创建带有导航抽屉和可调整大小内容的Vuetify容器？【英文标题】：HowtocreateVuetifycontainerwithnavdrawerandre-sizablecontentnexttoit?【发布时间】：2020-11-0502:25:58【问题描述】：我在创建一个Vuetify容器时遇到了问题，该容器将容纳一... 查看详情
为啥我的网络应用程序无法在打开时重新加载
】为啥我的网络应用程序无法在打开时重新加载【英文标题】：Whyismywebappfailingtoreloadonopen为什么我的网络应用程序无法在打开时重新加载【发布时间】：2017-11-0111:58:04【问题描述】：我有一个简单的网络应用程序，我想使用JavaS... 查看详情
Vue 3 模式在重新打开时返回旧数据
】Vue3模式在重新打开时返回旧数据【英文标题】：Vue3ModalComesBackWithOldDataWhenReopen【发布时间】：2021-01-1820:29:43【问题描述】：我正在使用Vue3和Vuex4。当我打开模态框时，主对象（汽车）变得等于默认对象，并且这些默认值填充... 查看详情
应用打开时制作 Flutter alertdialog
...希望我的Flutter应用程序在应用程序打开后立即生成警报对话框，并在我摇晃手机时使其崩溃我该怎么做？【问题讨论】：【参考方案1】：我不会给你确切的解决方案，但我会尽力指导你。showDialog函数可让您打开模式对话框。您... 查看详情
阻止本机 Web 应用在 iOS 上打开时自行重新加载
】阻止本机Web应用在iOS上打开时自行重新加载【英文标题】：StopnativewebappfromreloadingitselfuponopeningoniOS【发布时间】：2011-05-1613:28:26【问题描述】：我正在尝试在iOS上使用HTML+JS构建一个“原生网络应用程序”。您可能知道，您可... 查看详情
模态对话框打开时默认打开下拉菜单
】模态对话框打开时默认打开下拉菜单【英文标题】：Dropdownmenuopenedbydefaultwhenmodaldialogopens【发布时间】：2021-09-1117:21:59【问题描述】：以thread为例，我添加了一个下拉菜单来选择表格列。但是，当模式打开时，列表菜单应该关... 查看详情
有没有办法在关闭并再次打开时不重新创建表单的实例？
】有没有办法在关闭并再次打开时不重新创建表单的实例？【英文标题】：Isthereanywaytonotre-createtheinstanceofaformwhenisclosedandopenedagain?【发布时间】：2016-10-1819:44:40【问题描述】：我正在调试一个具有三个表单的简单应用程序，我发... 查看详情
底部对话框打开时如何防止键盘关闭？
】底部对话框打开时如何防止键盘关闭？【英文标题】：Howtopreventkeyboardfromclosingwhenbottomdialogisopen?【发布时间】：2018-02-1819:06:40【问题描述】：有没有办法不关闭键盘，而只是显示键盘的对话框（在它上面）。对话框关闭后我需... 查看详情
如何创建一个倒数计时器，当屏幕关闭时停止并“等待”，重新打开时恢复。安卓
...何创建一个倒数计时器，当屏幕关闭时停止并“等待”，重新打开时恢复。安卓【英文标题】：Howtocreateacountdowntimerthatstopsand"waits"whenthescreenisoff,resumeswhenbackon.Android【发布时间】：2016-01-2415:34:57【问题描述】：如何创建一... 查看详情