Vue跳转页面如何隐藏底部导航tabbar?下面本篇文章给大家介绍一下隐藏底部导航tabbar的两种方法,希望对大家有所帮助!
如果底部需要隐藏tabbar就设置meta:{hideTabBar:true}
不需要的就设置meta:{hideTabBar:false}
例如这种导航栏:
meta:{ hideTabBar:true }
然后在app.vue
中的tabbar
组件(就是底部配置的router-link
)中判断就行
这样下面的tabbar就不会显示了
⭐⭐⭐
补充额外知识:
.city { position: relative; z-index: 9; height: 100vh; background-color: #fff; overflow-y: auto; }
但是无论跳转到哪个页面,我们都是需要隐藏tabbar的,所以我们可以给它抽离出去
抽离到css
文件里面
想用的时候给对应的页面添加上就OK了
这样就可以啦,endingending~
以上就是Vue跳转页面如何隐藏底部导航tabbar?两种方法介绍的详细内容,更多请关注php中文网其它相关文章!