Przełączanie elementów w Vue
Stwórzmy teraz przycisk, który
będzie przełączał akapit, to znaczy po pierwszym
kliknięciu pokaże go, a po drugim
kliknięciu - ukryje. W tym celu po kliknięciu
na przycisk wywołajmy metodę
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
W kodzie metody należy pobrać
wartość właściwości visible
i odwrócić ją na jej
przeciwieństwo:
toggle: function() {
this.visible = !this.visible;
}
Dane są trzy akapity i trzy przyciski. Spraw, aby każdy przycisk przełączał swój akapit.
