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

Question

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

这是我的代码。

Admin-panel.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 以获得相同的宽度。 (黄色会消失，红色会填满屏幕)

我如何实现这一目标？

Answer 1

使用 fluid 属性:

<v-container 
  fluid
/>

Codepen .