Toglovanje elemenata u Vue
Hajde sada da napravimo dugme koje
će da togluje pasus, odnosno da ga
prvim klikom prikaže, a drugim
klikom - sakrije. Za ovo ćemo pri kliku
na dugme pozvati metod
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">tekst</p>
</template>
U kodu metoda ćemo trebati da uzmemo
vrednost svojstva visible
i invertujemo je u njemu
suprotnu:
toggle: function() {
this.visible = !this.visible;
}
Data su tri pasusa i tri dugmeta. Učinite tako da svako dugme togluje svoj pasus.
