gothinkster/vue-realworld-example-app

VTag: Use computed property for router link

Open

#194 ouverte le 3 sept. 2019

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)JavaScript (4 037 stars) (1 288 forks)batch import
difficulty:easygood first issuetype:enhancement

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

Stack technique
javascriptvue
Domaine
frontend
Type d'issue
refactor
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.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Vue.js basicscomputed properties
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85
Direction de recherche
Locate the VTag component file (likely in src/components/). Identify the current router link usage with inline object. Create a computed property called 'homeLink' returning the route object { name: 'home tag', params: { tag: name } }. Replace the inline object with the computed property in the template. Ensure that the computed property is reactive to changes in 'name'. Test locally to verify navigation still works. No PRs or discussions exist, so no additional context from previous work.