vue.js - 在 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不推动它的父母。用 a 包裹我的按钮并将其<div>设置为 100% 宽度也不起作用，因为它只是宽度的 100%v-toolbar__content

有什么解决方法吗？是否有关于传播事物的约定VAppBar？

标签： vue.jsmaterial-designvuetify.js

Answer 1

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