Deaktivieren Sie die kontinuierliche Animation des V-Dialogs

Question

Ich verwende derzeit in meinem Projekt die V-Dialog-Komponente von Vuetify mit persistenten Tags.

<v-dialog hide-overlay persistent>
    <v-card></v-card>
</v-dialog>

Das persistente Attribut verhindert nun, dass der Benutzer den Dialog schließt, indem er außerhalb klickt. Wenn der Benutzer jedoch außerhalb klickt, kommt es zu einem Bounce-Effekt. Ich möchte diesen Bounce-Effekt deaktivieren.

Answer 1

您可以使用no-click-animation属性：

<v-dialog
        v-model="dialog"
        persistent
        max-width="290"
        no-click-animation
    >
   ...