Maison  >  Article  >  interface Web  >  Comment gérer les sous-itinéraires qui ne sont pas affichés dans la barre de navigation inférieure de vue.js

Comment gérer les sous-itinéraires qui ne sont pas affichés dans la barre de navigation inférieure de vue.js

php中世界最好的语言
php中世界最好的语言original
2018-04-11 14:57:172292parcourir

Cette fois, je vais vous montrer comment gérer le sous-itinéraire de la colonne navigation en bas de vue.js qui n'est pas affiché. Comment gérer le problème que le. la sous-route de la barre de navigation en bas de vue.js n'est pas affichée Notes Que sont les suivants ? Utilisation récente de l'interface utilisateur tierce de Vue MuseUI développe des webapps, et puis il y a un problème dans la colonne

Navigation

. Je dois afficher la barre de navigation inférieure sur plusieurs itinéraires sur la barre de navigation, mais pas sur les autres itinéraires. Le problème est que la barre de navigation inférieure de MuseUI est chargée directement dans app.vue, et 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 accéder à l'auteur de MuseUI GitJ'ai posé des questions sur Hub, mais aucun résultat. Je suis allé sur segmentfault pour poser des questions, mais aucun résultat. Je suis allé sur le groupe officiel de vue pour poser des questions, mais aucun résultat. Avant de poser des questions, j'ai parcouru quelques <.>recherchant et j'y ai réfléchi, mais tout cela m'a fait réfléchir. J'étais dévasté. Les choses possibles qui pourraient mal tourner vont du routage des URL, des bugs d'utilisation de museUI à l'ajout de la fonction hook . Je les ai toutes anticipées, mais aucune d'entre elles n'a d'importance. La persistance est peut-être la victoire. mes efforts ont ému Dieu et j’ai trouvé une solution. router.js

app.vue

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' },
 ],
});

C'est la solution que j'ai trouvée, puis j'ai modifié mon code en fonction de cela et je l'ai résolu avec succès.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
<Bar v-show="$route.meta.navShow">

Lecture recommandée :

Comment étendre la concaténation de chaînes avec JS

Comment télécharger le fichier de configuration Nginx en segments

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn