gothinkster/vue-realworld-example-app

VTag: Use computed property for router link

Open

#194 aperta il 3 set 2019

Vedi su GitHub
 (5 commenti) (0 reazioni) (0 assegnatari)JavaScript (1288 fork)batch import
difficulty:easygood first issuetype:enhancement

Metriche repository

Star
 (4037 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

<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:

Guida contributor

Direzione di ricerca
Individua il file del componente VTag (probabilmente in src/components/). Identifica l'attuale utilizzo di router link con oggetto inline. Crea una proprietà calcolata chiamata 'homeLink' che restituisca l'oggetto di rotta { name: 'home tag', params: { tag: name } }. Sostituisci l'oggetto inline con la proprietà calcolata nel template. Assicurati che la proprietà calcolata sia reattiva alle modifiche di 'name'. Testa localmente per verificare che la navigazione funzioni ancora. Non esistono PR o discussioni, quindi non c'è contesto aggiuntivo da lavori precedenti.
Tech stack
vuejavascript
Dominio
frontend
Tipo issue
Refactoring
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Vue.jsGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80