Maison >interface Web >Voir.js >Comment masquer la barre d'onglets de navigation inférieure sur la page de saut Vue ? Deux méthodes sont présentées
VueComment masquer la barre d'onglets de navigation inférieure lorsque vous accédez à une page ? L'article suivant vous présentera deux méthodes pour masquer la barre d'onglets de navigation inférieure. J'espère que cela vous sera utile !
Si vous souhaitez masquer certaines parties d'une page, vous pouvez l'écrire dans la méta de l'itinéraire correspondant [Partage vidéo d'apprentissage] : tutoriel vidéo Vue, vidéo frontale Web】
Si vous devez masquer la barre d'onglets en bas, définissez meta:{hideTabBar:true}
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
meta:{hideTabBar:false}
Par exemple, ce type de barre de navigation :
Puis dans la barre d'onglets
composant dans app.vue
(C'est le router-link
configuré en bas, jugez-le
css
🎜🎜quand nous voulons l'utiliser. ajoutez la page correspondante et c'est OK🎜🎜🎜🎜🎜🎜🎜🎜 Voilà, finfin~🎜🎜 (Partage de vidéos d'apprentissage : 🎜développement web front-end🎜, 🎜Vidéo de programmation de base🎜)🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!