Vue.js 在容器中放置v-app-bar内容时出现问题？

我需要将内容放在容器内的v-app-bar中，以便它与其他页面内容放在一行。应用程序中的所有内容都应该具有每个断点的最大宽度，而不是整页宽度。将所有内容放入iside容器并不能解决问题

我在截图上用红色框标出了内容应该在哪里。

---

嘿，我也有同样的问题。我想出了一个粗略的答案，我的问题在这里，以防你也找到答案

我的解决方案如下所示：

这些颜色显示调整后的导航条宽度，以匹配车身。代码如下所示：

mdi主页概要

对于那些只想限制

v-app-bar

内容的人，我在（as）上找到了一个很好的例子：

提供与指定区域相关的代码。还提供您已尝试但失败的代码尝试。是否要将徽标从左侧导航栏和菜单从右侧导航栏移动到导航栏中的此红色区域？Vuetify提供了一些约束应用程序栏的示例