Ändra text vid toggling i Vue
Låt oss göra så att texten på knappen visar vilken åtgärd knappen kommer att utföra i nuläget när vi togglar. För att göra detta måste vi använda ternära operatorn på följande sätt:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Det finns tre stycken och tre knappar. Gör så att varje knapp togglar sitt eget stycke och samtidigt ändrar sin text på ett motsvarande sätt.
