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

ihesro
  • 2
新手上路,请多包涵

用的animate
现在的问题是无论点哪一个按钮,动画都在最后一个体现,想让他变成当前元素展示动画。
注:点黑色按钮移除当前卡片。
演示(点击图片查看动图):
64b2wQ.gif
网页:
传送门
源码:

<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>
回复
阅读 612
1 个回答
ihesro
  • 2
新手上路,请多包涵
✓ 已被采纳

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

你知道吗?

宣传栏