J'ai une structure de routage telle que:
{
path: 'text/',
component: Text,
alias: '/',
},
3 Réponses :
Vous pouvez faire quelque chose comme ça si votre en-tête ou votre navigateur est un seul composant, vous pouvez inclure toutes ces fonctionnalités dans chacun de vos liens et fonctionner correctement. Remarque: la variable avec votre chemin actuel dépendra du type de projet et de certains paramètres de celui-ci.
Peut-être que je ne vous ai pas compris correctement, mais les onglets changent le dernier composant de la route (entre / texte et / vidéo ). Le parent reste inchangé. Avec cette solution, deux liaisons seront "actives" simultanément. Ai-je raison?
@ Dev0ps Oui, mais si vous êtes sur vos liens ou votre routeur, en fonction de la façon dont vous l'avez commandée sur vos composants, j'imagine que vous aurez un composant en tant que navigateur, dans cette vérification si votre itinéraire actuel est le même que vous avez ont indiqué dans l'opération ternaire. J'ai modifié mon code pour le rendre plus similaire à votre cas.
Ok, c'est génial quand vous visitez ces "onglets" exactement, mais quand je visite juste / post / itinéraire, personne ne sera actif et j'ai besoin du "texte". Ensuite, dans le premier
En effet, vous devez effectuer une vérification pour chaque cas et chaque bouton, de cette manière, l'actif sera toujours activé dans le cas où il est d'accord avec l'itinéraire que vous avez indiqué dans la fonction "Inclus".
Utilisez l'état VUEX.
Lorsque toutes les pages vont sur la zone d'onglet sont montées, appelez un setter pour l'état de couronnement de courant.
Et vous pouvez donner une classe active en fonction de la valeur d'état
Utiliser Classe exacte-active a résolu un problème similaire à la vôtre.