Disable continuous animation of v-dialog
P粉106711425
P粉106711425 2023-08-25 17:02:09
0
1
591
<p>I am currently using vuetify's v-dialog component in my project, with persistent tags. </p> <pre class="brush:php;toolbar:false;"><v-dialog hide-overlay persistent> <v-card></v-card> </v-dialog></pre> <p>The persistent attribute now prevents the user from closing the dialog by clicking outside. However, when the user clicks outside, there is a bounce effect. I want to disable this bounce effect. </p>
P粉106711425
P粉106711425

reply all(1)
P粉025632437

You can use no-click-animationAttribute:

<v-dialog
        v-model="dialog"
        persistent
        max-width="290"
        no-click-animation
    >
   ...
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template