vue.js - 占用比必要更多的空间（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在应用程序的中间工作，但它有一些随机的高度、宽度，你无法真正改变。