Vue vuetify v-dialog 防止屏幕滚动

Question

一个 Vuetify 问题。我的应用程序中刚刚开始出现一些东西。在几个视图/组件上，我有一个 v 对话框。直到不久前，对话框才能正确打开，但由于它通常比屏幕高，我可以舒适地滚动。现在对话框似乎已经控制了当对话框打开时我根本无法滚动。

这不会滚动，所以我无法移动到对话框的底部。正如我所说，这是一个“新”事物：

我所做的，也许这会有所帮助。我将 vue-youtube 放在一个新组件中（位于 v-dialog 中），我对它的确切位置不满意，我希望它在屏幕上更高，所以我做了以下操作：

<style scoped>
.v-dialog {
  position: absolute;
  top: 10%;
}
</style>

但是，我最初忘记使用作用域。不确定这是否是原因，但我所有的对话都受到了影响。

Answer 1

您需要的是一个可滚动的对话框，请查看链接https://vuetifyjs.com/en/components/dialogs/#scrollable

<v-dialog v-model="dialog" scrollable>
  <v-card class="pa-3">
    <v-card-text>
       <v-form>
          <!-- Add your form here -->
       </v-form>
    </v-card-text>
  </v-card>
</v-dialog>