Vuetify 底部导航切割内容

Question

我的底部导航正在切割我身体中的内容，我试图把如果固定但然后它就直接到底部

这是它现在的样子：

这是我的代码，我无法将代码添加到此问题，因为它不会显示给您，但这是我的底部导航代码

这是代码的样子：

Answer 1

如 Traxo 所述，将您的内容包装到<v-content></v-content>元素中并添加app属性<v-bottom-nav>。
工作示例：https : //codepen.io/anon/pen/YRoexV

Answer 2

自发布 v2.3.0 https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0

v-content是 now v-main，所以构建它的新方法是这样的：

应用程序.vue：

<template>
  <v-app>

    <AppBar/>

    <v-main>
      <router-view></router-view>
    </v-main>

    <BottomNavigation/>

  </v-app>
</template>

底部导航.vue：

<template>
  <v-container>
  <v-bottom-navigation
    fixed
    app
  >
    <v-btn>
      <span>Recents</span>
      <v-icon>mdi-history</v-icon>
    </v-btn>

    <v-btn>
      <span>Favorites</span>
      <v-icon>mdi-heart</v-icon>
    </v-btn>

    <v-btn>
      <span>Nearby</span>
      <v-icon>mdi-map-marker</v-icon>
    </v-btn>
  </v-bottom-navigation>
  </v-container>
</template>