在自定义组件的顶部添加转换组组件

Question

我有一个自定义组件，需要在其下面有一个v-for列表。

<draggable>
   <div v-for="item in items">...</div>
</draggable>

我尝试添加<transition-group>组件，以便在列表项更改时添加动画。问题是，如果我将<transition-group>组件设置为<draggable>组件而<draggable>组件不起作用。如果我将<transition-group>设置为<draggable>的父级，则转换组不起作用。这是一个什么样的锻炼？

Answer 1

这应该可以正常工作：

<draggable>
  <div>
   <transition-group>
     <div v-for="item in items">...</div>
   </transition-group>
  </div>
</draggable>