At skifte visning af elementer i Vue
Lad os nu lave en knap, som
vil skifte visningen af et afsnit, det vil sige ved første
klik vil den vise det, og ved andet
klik - skjule det. For at gøre dette vil vi ved klik
på knappen kalde metoden
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
I metodens kode skal du tage
værdien af egenskaben visible
og invertere den til dens
modsatte værdi:
toggle: function() {
this.visible = !this.visible;
}
Der er givet tre afsnit og tre knapper. Gør så hver knap skifter visningen af sit eget afsnit.
