javascript - 如何将 Vuetify 快餐栏组件垂直对齐到中心？

Question

我需要垂直和水平对齐 Vuetify 组件

版本

vue 2.6.10 vuetify 2.1.10

这是组件 Snackbar 的当前代码

<v-snackbar
    class="no-shadow"
    v-model="snackbarShow"
    :color="snackbarType"
    :timeout="snackbarTimeout"
>
  <v-icon class="mr-3">{{ snackbarIcon }}</v-icon>
  <div>{{ snackbarText }}</div>
  <v-btn text icon color="white" @click="snackbarShow = false">
    <v-icon color="white">mdi-close-circle</v-icon>
  </v-btn>
</v-snackbar>

标签： javascriptvue.jsvue-componentvuetify.js

Answer 1

您需要centered在组件上使用道具：

<v-snackbar centered />