VueJS的轉換表

Question

我試圖在vuejs網站上繼續使用example。當我對數據進行排序時，我嘗試添加圖像和過渡狀態。 但它不起作用。我試圖添加以下行，使其工作，但它不會：

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

你對我有一些想法？
https://codepen.io/wooza/pen/wezqXP

Answer 1

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

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

不同於<transition>，它呈現一個實際的元件：一個<span>通過 默認。您可以更改使用標記 屬性呈現的元素。

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