Elementu ieslēgšana un izslēgšana Vue
Tagad izveidosim pogu, kas
pārslēgs rindkopu, tas ir, ar pirmo
klikšķi to parādīs,
bet ar otro klikšķi - paslēps. Lai to izdarītu, ar klikšķi
uz pogas izsauksim metodi
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Metodes kodā būs jāņem
īpašības visible vērtība
un jāapgriež tā pretējā
vērtībā:
toggle: function() {
this.visible = !this.visible;
}
Dotas trīs rindkopas un trīs pogas. Uzstādiet tā, lai katra poga pārslēgtu savu rindkopu.
