vue.js - 如何将 vuedraggable 与过渡 groip 和标头插槽一起使用

Question

我有过渡组制作翻转动画的工作代码

<draggable
    v-model="items"
    group="backlog-posts"
    animation="200"
    handle=".post-content"
    draggable=".drag-item"
    @start="drag = true"
    @end="drag = false"
>
    <transition-group
        type="transition"
        tag="div"
        :name="!drag ? 'flip-list' : null"
    >
        <ArticlePost
            v-for="post in items"
            :key="post.id"
            class="drag-item"
            :post="post"        
        />
    </transition-group>
</draggable>

这与 vuedraggable 文档中的示例片段非常相似。当我添加标题插槽时，它停止工作

<div slot="header">Hello!</button>

如果删除过渡组并只保留标题，它会再次起作用（显示标题，显然现在有动画）

如何获得标题+动画拖放？

Answer 1

来自https://github.com/SortableJS/Vue.Draggable：

插槽

限制：页眉或页脚插槽都不能与转换组一起使用。