Heim > Artikel > Web-Frontend > Wie verstecke ich die untere Navigations-Tableiste auf der Vue-Sprungseite? Es werden zwei Methoden vorgestellt
VueWie verstecke ich die untere Navigations-Tableiste, wenn ich zu einer Seite springe? Der folgende Artikel stellt Ihnen zwei Methoden zum Ausblenden der unteren Navigations-Tableiste vor. Ich hoffe, er wird Ihnen helfen!
Wenn Sie einige Teile auf einer Seite ausblenden möchten, können Sie dies in die Meta der entsprechenden Route schreiben [Freigabe von Lernvideos]: Vue-Video-Tutorial, Web-Frontend-Video】
Wenn Sie die Tableiste unten ausblenden müssen, legen Sie meta:{hideTabBar:true}
fest 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}
fest.
Zum Beispiel diese Art von Navigationsleiste:
Dann in der Tabbar
Komponente in app.vue
(Es ist der unten konfigurierte router-link
). Beurteilen Sie es einfach
css
-Datei extrahieren🎜🎜wenn wir sie verwenden möchten Fügen Sie es zur entsprechenden Seite hinzu und fertig 🎜🎜🎜🎜🎜🎜🎜🎜 Das ist es, endending~🎜🎜 (Lernvideo-Sharing: 🎜Web-Front-End-Entwicklung🎜, 🎜Grundlegendes Programmiervideo🎜)🎜Das obige ist der detaillierte Inhalt vonWie verstecke ich die untere Navigations-Tableiste auf der Vue-Sprungseite? Es werden zwei Methoden vorgestellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!