Vuetify, animate v-data-table tr

Question

我有一个v-data-table组件，它偶尔会接收信息，我只想在进入时设置动画，而不是在离开时设置动画。vuetify有内置的转换(我正在使用它(，但在这个特定的场景中，我无法设置像mode和hide-on-leave这样的道具。

基本上，我的目标是拥有一个包含一定数量这些元素的小部件，一旦达到最大数量，就会删除最后一个元素，并在顶部添加新的元素。

以下是我迄今为止工作的代码笔：https://codepen.io/willcolmenares/pen/XWKVLNR?editors=1011

以及代码的相关部分：

<template v-slot:body="{ items }">
<tbody name="slide-x-transition" is="transition-group">
<tr v-for="item in items" :key="item.text">
<td>
<div class="text-center">{{ item.text }}</div>
</td>
</tr>
</tbody>      
</template>

你能给我一个如何实现这一目标的想法吗？

Answer 1

好吧，最后添加了css类以获得平滑的动画(显示none&position absolute(。。但我仍然很好奇tbody的名字和内部来源，以及我可以发送哪些其他道具(我在vuetify文档中找不到任何这些信息(