dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
VUE Toate comenzile Vue.js & Nuxt

Componenta <RouterLink> în Vue Router în Vue.js & Nuxt

Rutare cu Vue Router (SPA Routing) Vue Router 4+ / Vue 3 Q&A / Distribuie cod

Componentă nativă de navigare pe client ce generează legături <a> interceptate automat fără reîncărcarea paginii.

Sintaxă 
<RouterLink to='/contact' active-class='activ'>Contact</RouterLink>

Ce este componenta

În loc să utilizați etichete clasice <a href="..."> (care ar declanșa o reîncărcare completă a paginii în browser), <RouterLink> interceptează clicul și declanșează navigarea internă SPA. În plus, adaugă automat clase CSS precum router-link-active și router-link-exact-active atunci când URL-ul curent corespunde rutei.

Exemplu Concret: Bara de navigare cu evidențiere automată
<template>
  <nav class="meniu-principal">
    <RouterLink to="/">Acasă</RouterLink>
    <RouterLink :to="{ name: 'produse', query: { pagina: 1 } }">Produse</RouterLink>
    <RouterLink to="/despre">Despre Noi</RouterLink>
  </nav>
</template>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Componenta <RouterLink> în Vue Router

Ai o nelămurire despre utilizarea comenzii Componenta <RouterLink> în Vue Router sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.