vue.js - 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 组件内部获得相同的宽度。（黄色会消失，红色会填满屏幕）

我如何实现这一目标？

标签： vue.jsvuejs2vuetify.js

Answer 1

使用fluid道具：

<v-container 
  fluid
/>

代码笔。