我刚到vuetify.js岁,就开始玩弄它.

enter image description here

这是我的密码.

Admin-panel.vue

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

create-user.vue

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

在这里,我可以看到v-container个元素获得了可用的全宽.

我如何做到这一点?

推荐答案

使用fluidprops :

<v-container 
  fluid
/>

Codepen

Vue.js相关问答推荐

我可以手动访问 vue-router 解析器吗?

用于循环数组的模板元素内的条件渲染

传单 vue3 组件变体打开错误的标记 - 单击时弹出

Vue3如何将自定义事件绑定到路由视图中的特定组件?

Vue 和 Nuxt 之间生命周期钩子的不同行为

Vue,Composition API:如何从react 式转换中跳过深度嵌套的属性?

我是否必须在 Vue 3 中使用 Composition API,还是仍然可以使用Vue 2的方式工作?

如何在 Vue 中编译从外部 api 加载的模板

如何在 Vue.js 中获取完整的当前日期和时间,而无需编写大量 JavaScript 行

自定义props类型

如何有条件地更改 vue/vuetify 文本字段 colored颜色

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

如何使用 vuejs 从 SPA 访问 /storage -laravel- 中的图像

错误:vue-loader 要求 @vue/compiler-sfc 存在于依赖树中

如何在 Vue.js 中获取组件元素的 offsetHeight?

VueJS 路由 - 使用子路由和 Vuetify 时如何停止多个活动路由(active routes)?

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用

在 Chrome DevTools 中实时更改时 destruct 了 Vue.js 应用程序(Webpack 模板)的页面样式

在 Vue 单元测试中单击按钮时触发表单提交

Vuex 模块Mutations