Vue 列表上下过渡效果的实例代码

Duplicate keys detected

原因：第一部分插入

X行

item

key

解决：在进行第一部分的时候将原来那一行的

key

<li :key="closeIndex === index ? Date.now() : item"></li>

我用的时间戳，其实理论上来讲只要能保持唯一写什么都可以，反正这一行数据将在动画结束后从数据中删除。

总结

以上所述是小编给大家介绍的Vue 列表上下过渡效果的实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！