在 Vuetify 的 VAppBar 中传播元素

Question

我正在使用 Vuetify 构建一个应用程序，我正试图在应用程序栏上展开我的按钮。所以我将 d-flex 和 justify-space-between 类 分配给 VAppBar 但它不起作用。

原来 VAppBar 实际上由一个外部 <header> 元素和一个 <div class="v-toolbar__content"> 元素组成，后者的宽度仅与其子元素一样宽。 justify-space-between 仅应用于 <header> 元素，而 VAppBar 的内容放在 <div> 中。我的按钮之间的 VSpacer 将不起作用，因为 VSpacer 不会推动其父项。用 <div> 包裹我的按钮并将其设置为 100% 宽度也不起作用，因为它只是 v-toolbar__content

宽度的 100%

有什么解决方法吗？是否有关于在 VAppBar 中传播事物的惯例？

Answer 1

看起来答案是 而不是 在 VAppBar 上分配 d-flex。应用栏已经是一个与中间对齐的 flexbox 并且 justify-* & align-* 类 工作得很好。