Elementide lülitamine Vues
Teeme nüüd nupu, mis
lülitab lõigu, see tähendab esimesel
klõpsul kuvab selle ja teisel
klõpsul peidab selle. Selleks klõpsame
nupul ja kutsume välja meetodi
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Meetodi koodis on vaja võtta
omaduse visible väärtus
ja pöörata see ümber selle
vastupidiseks:
toggle: function() {
this.visible = !this.visible;
}
Antud on kolm lõigu ja kolm nuppu. Seadista nii, et iga nupp lülitab oma lõigu.
