写了一个html网页，打开时内容还可以进行删除和修改，刷新之后就还原了内容，这是啥情况？

Posted 2023-05-09

删除的内容只是删除了编译生成的dom元素，本地文件不会变的。页面数据都是从数据库中取出来。写死的 不会变的 参考技术A 说明你只有页面上的逻辑运行正确了，真正操作数据库数据的后台代码运行不正确。追问

比如一个新闻链接打开后内容还可以拖动和删除之类的操作。 就和编辑一样刷新就还原了，这跟后台有关系吗？

追答

如果这些都是从数据库得到的。那么肯定是有关系的。你的删除、修改操作，目的是要改数据库的话，肯定是走后台的。如果单纯改页面，那么就没有什么意义了。

Vuetify 对话框在重新打开时重置内容

【中文标题】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;