Vue.Draggable：在可拖动过渡组中使用组件

Question

我在尝试使用 Vue.Draggable 库时遇到问题。我想在可拖动对象中使用一个组件，同时保留过渡组。它可以在没有过渡组的情况下工作，但每当我添加带有动画名称的过渡组标签时，它就不再工作了。我的组件元素没有显示，并且出现此错误：

TypeError: Cannot set properties of null (setting '__draggable_context')

这是我的代码：

      <draggable :list="teams" item-key="idteam" tag="transition-group" :component-data="{name:'fade'}>
        <template #item="{ element, index }">
          <my-team :id="element.idteam" :name="element.teamName" :index="index">
          </my-team
        ></template>
      </draggable>

知道我怎样才能让所有工作一起工作吗？ 谢谢你的帮助

Answer 1

你有什么解决办法吗？

Answer 2

您需要添加

:animation="200"

；仅添加

tag="transition-group"

是不够的。