Home > Article > Web Front-end > How to hide the bottom navigation tabbar on Vue jump page? Two methods are introduced
VueHow to hide the bottom navigation tabbar on the jump page? The following article will introduce you to two methods of hiding the bottom navigation tabbar. I hope it will be helpful to you!
If you want to hide some parts of a page, you can write it in the meta of the corresponding route [Learning video sharing: vue video tutorial, web front-end video]
If you need to hide the tabbar at the bottom, set itmeta:{hideTabBar:true}
If not, set itmeta :{hideTabBar:false}
##
meta:{ hideTabBar:true }
component in app.vue
(which is the router configured at the bottom -link
), just judge
.city { position: relative; z-index: 9; height: 100vh; background-color: #fff; overflow-y: auto; }
Extract it to the
cssfile
When you want to use it, just add it to the corresponding page
(Learning video sharing:
web front-end development,
Basic programming videoThe above is the detailed content of How to hide the bottom navigation tabbar on Vue jump page? Two methods are introduced. For more information, please follow other related articles on the PHP Chinese website!