Afișarea și ascunderea elementelor în Vue
Haideți acum să facem un buton care
va afișa și ascunde un paragraf, adică la primul
clic îl va afișa, iar la al doilea
clic - îl va ascunde. Pentru asta, la clic
pe buton vom apela metoda
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
În codul metodei va trebui să luăm
valoarea proprietății visible
și să o inversăm la
opusul ei:
toggle: function() {
this.visible = !this.visible;
}
Sunt date trei paragrafe și trei butoane. Faceți astfel încât fiecare buton să afișeze și să ascundă propriul paragraf.
