Componenta <KeepAlive> în Vue 3 în Vue.js & Nuxt

Menține în memoria cache instanțele componentelor dinamice comutate, păstrând starea lor intactă.

Sintaxă
<KeepAlive :include='["TabArticole"]'><component :is='tabCurent' /></KeepAlive>

Ce este componenta

Atunci când comutați între componente dinamice (de exemplu printr-o meta-componentă <component :is="..."> sau tab-uri), componenta anterioară este în mod normal distrusă din memorie. Învelind comutarea într-un bloc <KeepAlive>, instanța este stocată în cache-ul intern, conservând starea formularelor, derularea și datele descărcate.

Exemplu Concret: Salvarea stării tab-urilor active
<template>
  <button @click="curent = 'TabA'">Tab A</button>
  <button @click="curent = 'TabB'">Tab B</button>

  <KeepAlive>
    <component :is="curent === 'TabA' ? TabA : TabB" />
  </KeepAlive>
</template>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Componenta <KeepAlive> în Vue 3

Ai o nelămurire despre utilizarea comenzii Componenta <KeepAlive> în Vue 3 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.