gothinkster/vue-realworld-example-app

VTag: Use computed property for router link

Ouverte

#194 ouverte le 3 sept. 2019

Voir sur GitHub
 (5 commentaires) (0 réaction) (0 personne assignée)JavaScript (1 288 forks)batch import
difficulty:easygood first issuetype:enhancement

Métriques du dépôt

Stars
 (4 037 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

<router-link
  :to="{ name: 'home-tag', params: { tag: name } }"
  :class="className"
>

Ideally, { name: 'home-tag', params: { tag: name } } should be a computed property and then used like:

<router-link
  :to="homeLink"
  :class="className"
>

Related resources:

Guide contributeur

Direction de recherche
Localisez le fichier du composant VTag (probablement dans src/components/). Identifiez l'utilisation actuelle de router link avec un objet inline. Créez une propriété calculée appelée 'homeLink' qui renvoie l'objet de route { name: 'home tag', params: { tag: name } }. Remplacez l'objet inline par la propriété calculée dans le template. Assurez vous que la propriété calculée soit réactive aux changements de 'name'. Testez localement pour vérifier que la navigation fonctionne toujours. Il n'existe pas de PR ou de discussions, donc aucun contexte supplémentaire provenant de travaux précédents.
Stack technique
vuejavascript
Domaine
frontend
Type d'issue
Refactorisation
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Vue.jsGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80