Vue'da Elementleri Açıp Kapama
Şimdi bir paragrafı açıp kapatan, yani ilk tıklamada gösteren,
ikinci tıklamada gizleyen bir buton yapalım.
Bunun için butona tıklandığında
toggle metodunu çağıracağız:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Metodun kodunda, visible
özelliğinin değerini alıp
tersine çevirmemiz gerekecek:
toggle: function() {
this.visible = !this.visible;
}
Üç paragraf ve üç buton verilmiştir. Her butonun kendi paragrafını açıp kapatmasını sağlayın.
