Dans la barre de navigation inférieure de vue.js, comment afficher l'itinéraire de premier niveau et la solution pour ne pas afficher le sous-itinéraire ?

Ci-dessous, je vais partager avec vous une solution à l'affichage de la barre de navigation inférieure de vue.js des itinéraires de premier niveau et au non-affichage des sous-itinéraires. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Récemment, j'ai utilisé l'interface utilisateur tierce de vue MuseUI pour développer une application Web, puis il y a eu un problème avec la barre de navigation. Je dois afficher la barre de navigation inférieure sur plusieurs itinéraires sur la barre de navigation, mais pas. sur d'autres itinéraires. C'est tout. Le problème est que la barre de navigation inférieure de MuseUI est chargée directement dans app.vue. Chaque page aura une barre de navigation, donc cette méthode n'est pas réalisable. Plus tard, j'ai vraiment fait de mon mieux pour poser des questions. sur GitHub, l'auteur de MuseUI, mais en vain je suis allé sur segmentfault pour poser des questions, mais en vain je suis allé sur le groupe officiel de Vue pour poser des questions, en vain. Avant de poser la question, j'ai cherché et réfléchi. à ce sujet, mais tout cela m'a fait m'effondrer. Les erreurs possibles allaient du routage des URL aux bogues d'utilisation de museUI, en passant par l'ajout de fonctions de hook. Elles étaient toutes attendues, mais aucune n'était vraie. La persistance est peut-être une victoire. solution.

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">

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Analyse détaillée de plusieurs parties facilement négligées du document Vue

Utilisation de jointjs dans la méthode vue

Une brève discussion sur la méthode simple d'utilisation de Baidu Maps sous Vue

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!