<v-app> 占用了比需要更多的空间（vuetify）

Question

我正在创建一个使用“vuetify”和“vuetify-jsonschema-form”的项目。基本上，问题是 <v-app> 元素占用 498 x 754.4 空间，即使子组件 <v–content> 只占用必要的空间 - 498 x 94。我尝试了很多建议 - 添加应用程序属性等 - 但没有进展，所以我在这里发帖。

代码：（添加两个 div 表示我在所有程序的中间使用它（我只需要在页面的一小部分进行 vuetify））

...
</div>
<v-app id="vuetify_edit">
    <v-container>
        <v-form>
            <v-jsf v-model="editModel" :schema="editSchema" />
        </v-form>
    </v-container>
</v-app>
<div>
...

Answer 1

将<v-app>标签放在顶部——就在<template>标签内。

虽然<v-app在应用程序的中间工作，但它有一些随机的高度，宽度你无法真正改变。