Vuetify 设置 Snackbar 显示位置

location

添加location属性可以改变v-snackbar默认的显示位置。

默认的location等于bottom，为底部居中。

顶部居中

<v-snackbar v-model="snackbar" location="top">
  {{ text }}
</v-snackbar>

顶部靠左

<v-snackbar v-model="snackbar" location="start top">
  {{ text }}
</v-snackbar>

顶部靠右

<v-snackbar v-model="snackbar" location="end top">
  {{ text }}
</v-snackbar>

中间居中

<v-snackbar v-model="snackbar" location="center">
  {{ text }}
</v-snackbar>

中间靠左

<v-snackbar v-model="snackbar" location="start center">
  {{ text }}
</v-snackbar>

中间靠右

<v-snackbar v-model="snackbar" location="end center">
  {{ text }}
</v-snackbar>

底部居中（默认值）

<v-snackbar v-model="snackbar" location="bottom">
  {{ text }}
</v-snackbar>

底部靠左

<v-snackbar v-model="snackbar" location="start bottom">
  {{ text }}
</v-snackbar>

中间靠左

<v-snackbar v-model="snackbar" location="end bottom">
  {{ text }}
</v-snackbar>