vue.js 可视可拖动:使用可拖动转换组内的组件

2w2cym1i  于 2023-01-14  发布在  Vue.js
关注(0)|答案(1)|浏览(408)

我在尝试使用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>

你知道我怎样才能使所有的工作一起进行吗?谢谢你的帮助

35g0bw71

35g0bw711#

你需要加:animation=“200”,不要只加tag=“transition-group”希望对你有帮助

相关问题