Wie zeige ich in der unteren Navigationsleiste in vue.js die Route der ersten Ebene und die Lösung, wenn die Unterroute nicht angezeigt wird?

Im Folgenden werde ich Ihnen eine Lösung für die Anzeige von Routen der ersten Ebene in der unteren Navigationsleiste und die Nichtanzeige von Unterrouten vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Kürzlich habe ich die Vue-Benutzeroberfläche eines Drittanbieters, MuseUI, verwendet, um eine Webanwendung zu entwickeln, und dann gab es ein Problem mit der Navigationsleiste. Ich musste die untere Navigationsleiste auf mehreren Routen in der Navigationsleiste anzeigen, aber nicht Auf anderen Routen ist das Problem, dass die untere Navigationsleiste von MuseUI direkt in app.vue geladen wird, daher ist diese Methode nicht möglich auf GitHub, dem Autor von MuseUI, aber ohne Erfolg, ging ich zu segmentfault, um Fragen zu stellen, aber ohne Erfolg, bevor ich die Frage stellte darüber, aber das alles hat mich zusammenbrechen lassen. Mögliche Fehler reichten von Routing-URLs über museUI-Nutzungsfehler bis hin zum Hinzufügen von Hook-Funktionen. Es kann sein, dass meine Bemühungen Gott und mich bewegt haben Lösung.

router.js

const router = new VueRouter({
 mode: 'history',
 routes: [
  { path: '/first', component: firstView, meta: { navShow: true, cname: '一级页面' }, name: 'first' },
  { path: '/sub', component: subView, meta: { navShow: false, cname: '子页面' }, name: 'sub' },
 ],
});

app.vue

<Bar v-show="$route.meta.navShow">

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Detaillierte Analyse mehrerer leicht übersehener Teile des Vue-Dokuments

Verwendung von jointjs in der Vue-Methode

Eine kurze Diskussion über die einfache Methode zur Verwendung von Baidu Maps unter Vue

Das obige ist der detaillierte Inhalt vonWie zeige ich in der unteren Navigationsleiste in vue.js die Route der ersten Ebene und die Lösung, wenn die Unterroute nicht angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!