Wissel elemente in Vue
Laat ons nou 'n knoppie maak wat
'n paragraaf sal wissel, dit wil sê, met die eerste
kliek sal dit dit wys, en met die tweede
kliek - versteek. Om dit te doen, sal ons by 'n kliek
op die knoppie die metode
toggle oproep:
<template>
<button @click="toggle">wissel</button>
<p v-if="visible">teks</p>
</template>
In die kode van die metode sal dit nodig wees om die
waarde van die eienskap visible
te neem en dit na sy teenoorgestelde
te verander:
toggle: function() {
this.visible = !this.visible;
}
Drie paragrawe en drie knoppies word gegee. Maak so dat elke knoppie sy eie paragraaf wissel.