Tekst wijzigen bij het toggleen in Vue
Laten we ervoor zorgen dat bij het toggleen op de knop de tekst staat van de operatie die de knop op dat moment zal uitvoeren. Hiervoor moeten we de ternaire operator op de volgende manier gebruiken:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Er zijn drie alinea's en drie knoppen gegeven. Zorg ervoor dat elke knop zijn eigen alinea togglet en tegelijkertijd zijn tekst dienovereenkomstig aanpast.
