Прикажување на елементи во Vue
Ајде сега да направиме копче кое
ќе прикажува/скрива параграф, односно при првото
кликање ќе го прикажува,
а при второто
кликање - ќе го крие. За ова, при клик
на копчето ќе повикуваме метод
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Во кодот на методот ќе треба да ја земеме
вредноста на својството visible
и да ја инвертираме во
нејзината спротивна вредност:
toggle: function() {
this.visible = !this.visible;
}
Дадени се три параграфи и три копчиња. Направете секојo копче да прикажува/скрива свој параграф.