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

Question

我是 vuetify 的新手，据我所知，[目前]无法在用户关闭对话框时销毁对话框的主体。

有人对此有什么想法吗？对于表单，我们可以使字段值等于 null 或其他值，但其他组件呢？

Answer 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>