关闭 vuetify 对话框后如何实现对话框内容销毁功能？

【问题标题】：How to implement dialog content destroy function after close vuetify dialog?关闭 vuetify 对话框后如何实现对话框内容销毁功能？
【发布时间】：2021-03-28 02:56:38
【问题描述】：

我是 vuetify 的新手，据我所知，当用户关闭对话框时，[暂时]没有办法销毁它。

有人知道吗？对于表单，我们可以使字段值等于 null 或 smth else，但其他组件呢。

【问题讨论】：

标签： vue.js vuejs2 vue-component vuetify.js

【解决方案1】：

您可以简单地将 v-if 添加到 v-dialog。这将在关闭时将其从 DOM 中完全移除（已销毁）。

<v-btn @click="showDialog = true">Show Dialog</v-btn>
<v-dialog v-if="showDialog" v-model="showDialog">
    <v-card>
        Hello World
    </v-card>
</v-dialog>

【讨论】：

是的，它有效。如果您愿意，请向我展示您的设计，我可以帮助您实现它。
这对我不起作用，模式列表仍在 DOM 中？