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

Javascript 在自定义组件的顶部添加转换组组件,javascript,vue.js,Javascript,Vue.js,我有一个自定义组件,它需要在下面有一个v-for列表 <draggable> <div v-for="item in items">...</div> </draggable> ... 我正在尝试添加一个组件,以便在列表项更改时添加动画。问题是如果我将组件设置为子组件组件不工作。如果我将设置为的父级,则转换组不起作用。这方面的训练是什么?这应该很好: <draggable> <div> <tran

我有一个自定义组件,它需要在下面有一个
v-for
列表

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

...
我正在尝试添加一个
组件,以便在列表项更改时添加动画。问题是如果我将
组件设置为子组件
组件
不工作。如果我将
设置为
的父级,则转换组不起作用。这方面的训练是什么?

这应该很好:

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

...

您不应该真正需要转换组的包装div DragTable将无法工作,因为它只有一个子项。当我拖动某个东西时,它会拖动整个孩子你需要拖动项目吗?然后,在v-for自身内部添加可拖动属性。