Übergangstabelle mit VueJS

Question

Ich habe versucht, mit der example auf der vuejs-Website fortzufahren. Ich habe versucht, Bilder und einen Übergangszustand hinzuzufügen, wenn ich Daten sortiere. Es funktioniert jedoch nicht. Ich habe versucht, die folgende Zeile hinzufügen, um es funktioniert zu machen, aber es funktioniert nicht:

<tbody name="table-row" is="transition-group">

Haben Sie mir ein paar Ideen?
https://codepen.io/wooza/pen/wezqXP

Answer 1

https://codepen.io/anon/pen/gRmxwJ

https://vuejs.org/v2/guide/transitions.html#List-Transitions

Im Gegensatz zu <transition> es ein tatsächliches Element macht: eine <span> von Standard. Sie können das Element, das mit dem Tag Attribut gerendert wird, ändern.

<transition-group tag="tbody" name="table-row"> 
     <tr v-for="entry in filteredData" :key="entry.name"> 
     //... 
     </tr> 
</transition-group>