Vue · Middle · Frage 51 von 75
Wie animiert man das Hinzufügen, Entfernen und Umsortieren von Elementen einer Liste?
<TransitionGroup name="list" tag="ul">
<li v-for="item in items" :key="item.id">{{ item.text }}</li>
</TransitionGroup>- 1
<TransitionGroup>mit Kindern, die Keys haben - 2Gar nicht: Listen werden in Vue nicht animiert
- 3Ein einzelnes
<Transition>um die Liste
Antwort zeigen
Richtige Antwort: <TransitionGroup> mit Kindern, die Keys haben
Erklärung
<Transition> behandelt ein einzelnes Element; <TransitionGroup> behandelt jedes Element mit Key und nutzt FLIP für Bewegungen.