今天在使用 Vuetifyjs的 v-bottom-navigation 的时候出现的状况如图：
然后这个时候你可以在浏览器上尝试去找一下他的元素。发现他指向的是一个 class：.v-application--wrap 的 div。
到这里就好解决了，我们只需要给他加上 min-height 就可以啦。但是这个原因还是不是很明白，没看到这个是怎么产生的，可能是组件里面的原因吧。
解决办法： 在CSS插入： （我用的是 SCSS ，如果CSS的话，那么 !important 应该也可）
::v-deep .v-application--wrap {
min-height: 10vh;
}
