vuetify.js 如何获得 v-container 的全宽

Question

我是 vuetify.js 的新手，并开始使用它。

这是我的代码。

管理面板.vue

 <v-content class="yellow">
  <v-container>
    <v-layout>
      <router-view></router-view>
    </v-layout>
  </v-container>
</v-content>

创建用户.vue

 <template>
    <v-container class="red">
        <v-layout class="blue">
            <v-flex md12>
                form
            </v-flex>
        </v-layout>
    </v-container>
</template>

在这里我可以看到 v-container 元素获得了可用的全宽。我想要的是我的 v-container 在 create-user 组件中以获得相同的宽度。 （黄色会消失，红色会填满屏幕）

我如何实现这一目标？

原文由 margherita pizza 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 fluid 道具：

 <v-container
  fluid
/>

代码笔。

原文由 Billal Begueradj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我遇到了同样的问题。

我意识到在我的例子中，我在父页面和子页面上都有一个 <v-content> 。 <v-content> 用于使应用程序看起来漂亮并管理导航栏和标题栏上的间距。

确保您的应用中只声明了一个。

原文由 jacstrong 发布，翻译遵循 CC BY-SA 4.0 许可协议