Ndërrimi i Elementeve në Vue
Tani le të bëjmë një buton që
do të ndërrojë një paragraf, domethënë me klikimin e parë
do ta shfaq atë, kurse me klikimin e dytë
do ta fsheh. Për këtë, gjatë klikimit
në buton do të thërrasim metodën
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Në kodin e metodës do të duhet të marrim
vlerën e vetisë visible
dhe ta përmbysim atë në të
kundërtën e saj:
toggle: function() {
this.visible = !this.visible;
}
Janë dhënë tre paragrafe dhe tre butona. Bëni që çdo buton të ndërrojë paragrafin e vet.