我的 sweelart2 总是在我的 v-dialog (vuetify 3) 后面？

Question

为什么我的 sweetalert2 总是在 vuetify3 中的 v-dialog 后面？ 有人可以帮我解决这个问题吗？ 我尝试了 sweetalert2 的一些替代方案，但没有解决方案。

当我将 sweetalert 与 v-dialog 一起使用时 - sweetalert 停留在 v-dialog 的背面

<v-dialog
  v-model="dialog"
  width="auto"
>
  <v-card
    max-width="400"
    prepend-icon="mdi-update"
    text="Your application will relaunch automatically after the update is complete."
    title="Update in progress"
  >
    <template v-slot:actions>
      <v-btn
        class="ms-auto"
        text="Ok"
        @click="dialog = false"
      ></v-btn>
    </template>
  </v-card>
</v-dialog>

Answer 1

我看到了解决方案：

我只是将其添加到我的 CSS 中，就可以了：

.swal2-容器 {

z-index: 20000 !important;

}