Přepínání prvků ve Vue
Pojďme nyní vytvořit tlačítko, které
bude přepínat odstavec, to znamená, že po prvním
kliku jej zobrazí a po druhém
kliku - skryje. K tomu při kliknutí
na tlačítko budeme volat metodu
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
V kódu metody bude třeba vzít
hodnotu vlastnosti visible
a invertovat ji na její
opačnou hodnotu:
toggle: function() {
this.visible = !this.visible;
}
Jsou dány tři odstavce a tři tlačítka. Zařiďte, aby každé tlačítko přepínalo svůj odstavec.
