Elemek váltogatása Vue-ban
Most készítsünk egy gombot, amely
váltogat egy bekezdést, vagyis az első
kattintásra megjeleníti, a második
kattintásra pedig elrejti. Ehhez a gombra
kattintva hívjuk meg a
toggle metódust:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">szöveg</p>
</template>
A metódus kódjában a
visible tulajdonság értékét
kell venni, és invertálni az
ellentétére:
toggle: function() {
this.visible = !this.visible;
}
Adott három bekezdés és három gomb. Állítsa be úgy, hogy minden gomb a saját bekezdését váltsa.
