与VueJS的转换表

Question

我试着在vuejs网站上继续这个例子.我在排序数据时尝试添加图像和过渡状态.但它不起作用.我试图添加以下行以使其工作,但它没有:

<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>默认情况下为a.您可以更改使用tag属性呈现的元素.

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