vue.js - 如何使用 Vuetify 在同一页面上定位多个对话框

Question

我正在使用 Vuetify 构建应用内演练。而且我需要能够在同一页面上定义许多对话框的位置。我可以使用此 CSS 覆盖默认设置来自定义定位一个对话框：

>>> .v-dialog {
  position: absolute !important;
  bottom: 0px !important;
  right: 45px !important;
}

而且我尝试使用具有相同 css 的自定义类，但它们不起作用。我不得不重新定义内置类，因此它最终会将所有对话框放在同一个位置，这不是我想要的。

标签： vue.jsvuetify.js