Ce este directiva v-show
Directiva v-show controlează vizibilitatea unui element din interfață comutând dinamic proprietatea CSS display: none.
Spre deosebire de v-if (care distruge și recreează complet elementul și componentele sale din DOM), v-show păstrează elementul întotdeauna montat în DOM. Acest lucru oferă un cost inițial mai ridicat de randare, dar un cost infim la comutări frecvente (ideal pentru meniuri dropdown, tab-uri sau modale).
Exemplu Concret: Comutarea rapidă a unui panou de filtrare
<template>
<button @click="afiseazaFiltre = !afiseazaFiltre">Comută Filtre</button>
<div v-show="afiseazaFiltre" class="panou-filtrare">
<p>Optiuni avansate de sortare și filtrare...</p>
</div>
</template>
<script setup>
import { ref } from 'vue';
const afiseazaFiltre = ref(false);
</script>
Întrebări & Exemple de Cod:
Directiva v-show în Vue 3Ai o nelămurire despre utilizarea comenzii
Directiva v-show în Vue 3sau 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.