Elementų perjungimas Vue
Dabar sukurkime mygtuką, kuris
perjungs pastraipą, tai yra, pirmu paspaudimu
ją rodys, o antru paspaudimu - paslėps.
Tam paspaudus ant mygtuko
iškviesime metodą
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Metodo kode reikės paimti
savybės visible reikšmę
ir invertuoti ją į priešingą
reikšmę:
toggle: function() {
this.visible = !this.visible;
}
Duotos trys pastraipos ir trys mygtukai. Padarykite taip, kad kiekvienas mygtukas perjungtų savo pastraipą.