对话框 % 屏幕高度

Question

我想让对话框（https://vuetifyjs.com/en/components/dialogs/）填充屏幕的 x% 宽度和 x% 高度。设置 width=80% 确实按预期工作，但高度没有任何作用。知道怎么做吗？

Answer 1

您需要设置对话框内组件的高度。例如，如果您使用 v-card，请在 v-dialog 内设置 v-card 的高度。v-dialog 将相应地缩放。

<v-dialog
  v-model="dialog"
  width="50%"
  >
 <v-card height="50vh">
   //Card contents 
 </v-card>
</v-dialog>