Textänderung beim Toggling in Vue
Lassen Sie uns die Schaltfläche so gestalten, dass ihr Text die Operation beschreibt, die sie im aktuellen Moment ausführen wird. Dazu müssen wir den ternären Operator wie folgt verwenden:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Gegeben sind drei Absätze und drei Schaltflächen. Machen Sie es so, dass jede Schaltfläche ihren eigenen Absatz ein- und ausblendet und dabei ihren Text entsprechend ändert.
