Skift af tekst ved toggling i Vue
Lad os gøre det sådan, at når du toggler står der en tekst på knappen, der beskriver den handling, som knappen vil udføre i det nuværende øjeblik. For at gøre dette er vi nødt til at bruge ternære operatør på følgende måde:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Der er givet tre afsnit og tre knapper. Gør det sådan, at hver knappe toggler sit eget afsnit og samtidig ændrer sin tekst på den tilsvarende måde.
