Tekstin vaihto toggle-toiminnossa Vue:ssa
Tehdään niin, että toggle-toiminnossa painikkeelle kirjoitetaan teksti siitä operaatiosta, jota painike suorittaa kyseisellä hetkellä. Tätä varten meidän on käytettävä ternary operaattoria seuraavalla tavalla:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Annettu on kolme kappaletta ja kolme painiketta. Tee niin, että jokainen painike toggleoi oman kappaleensa ja samalla muuttaa omaa tekstiään vastaavalla tavalla.
