vue.js - 禁用 v-dialog 持久动画

Question

我正在使用vuetify 中的v-dialog组件和我项目中当前的持久标记。

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

现在，persistent 阻止用户通过单击外部来关闭对话框。但是，当用户点击外部时，会出现反弹效果。我想禁用这种反弹效果。

标签： vue.jsvuejs2vue-componentvuetify.jsv-model

Answer 1

你可以使用no-click-animationprop ：

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