javascript - Comment contrôler dynamiquement le lien du routeur dans Vue-Router pour ne pas sauter lorsque vous cliquez dessus

Question

RT
Description du problème :
Il y a un lien rendu par le lien du routeur dans la page. Dans certaines circonstances, ce lien peut sauter, mais dans certaines circonstances, il ne peut pas sauter

.

Réflexion :
Comment rendre le lien du routeur non sautable

<router-link v-bind:to="url" >
   //come code                   
</router-link>

La méthode de hack finalement adoptée :

Lorsque vous ne souhaitez pas que l'utilisateur clique pour sauter, l'URL est définie sur l'URL de la page actuelle. Lorsque vous souhaitez cliquer pour sauter, l'URL est définie sur l'URL cible

.

Answer 1

Utiliser la navigation programmatique

Answer 2

Alors tu n’as pas à juger la situation ? Écrivons une fonction en utilisant la balise a pour juger

Answer 3

Utilisez la navigation programmatique. Plus précisément, utilisez d'autres balises telles que li pour lier les événements de clic (si vous devez le désactiver, n'oubliez pas d'ajouter le statut désactivé pour être terminé). Après le jugement de la logique métier dans la fonction de rappel d'événement, décidez si vous souhaitez utiliser this.$route. méthode push (chaîne d'url ou entité d'objet url) pour sauter.