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