Maison > interface Web > js tutoriel > 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中世界最好的语言
Libérer: 2018-04-11 14:57:17
original
2320 Les gens l'ont consulté

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' },
 ],
});
Copier après la connexion

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">
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal