与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> by   默认。您可以更改使用标记呈现的元素   属性。

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