transition-group动画不作用在当前元素而是最后一个，萌新求助！

Question

用的animate
现在的问题是无论点哪一个按钮，动画都在最后一个体现，想让他变成当前元素展示动画。
注：点黑色按钮移除当前卡片。
演示（点击图片查看动图）：

网页：
传送门
源码：

<transition-group style="font-size: 1.4em;padding: 0px;margin: 0px;list-style-type: none;" appear="" tag="ul"
                enter-active-class="animate__bounceIn" leave-active-class="animate__bounceOut"
                :duration="{ enter: 200, leave: 200 }">
                <li v-for="v,k in list" :key="k">
                    <div style="margin-bottom: 10px;padding: 9px;" class="alert alert-light">
                        <button @click="Done(k)"
                            style="padding: 9px;margin: 0;border-radius: 50%;position: relative;top: -2px;"
                            type="button" class="btn btn-dark"></button>
                        {{v}}
                    </div>
                </li>
            </transition-group>

Answer 1

首先也是非常失望。没想到过了一天也没人回答。
而我也是自己找到了答案。
b.saytf.cn/index.php/archives/12