Vue2 过渡不适用于新项目

【问题标题】：Vue2 Transition not working for new itemsVue2 过渡不适用于新项目
【发布时间】：2018-03-29 19:37:07
【问题描述】：

我正在尝试让transition-group 工作，以便我的列表项在删除等时动画......我已经让它工作，因为当我从列表中“拼接”一个项目时，它的动画效果很好。在此示例中，当我添加一个列表时，它实际上会进行动画处理，但是您会在控制台中看到一条错误消息：

[Vue warn]: <transition-group> children must be keyed: <tr>

在我的实际应用程序中，列表项没有被渲染，也没有动画。如果我删除transition-group，那么列表项确实会成功添加到列表中

这是Fiddle。

【问题讨论】：

【解决方案1】：

删除.push() 函数中的第二个参数。

所以，改变：

this.items.push(newItem, 1)

到

this.items.push(newItem)

【讨论】：

好奇怪。那是一个错字，将它转移到 JSFiddle。我的原始代码中实际上并不存在 1。
是的，可能......但它现在正在工作，所以我想这很重要:)
实际上并非如此。我仍然得到同样的错误。不知道是什么原因造成的。
再次检查 jsfiddle jsfiddle.net/samayo/eywraw8t/1587 我在控制台中没有看到任何错误，因此这意味着您的本地代码可能略有不同。确保（在小提琴中）你的循环有 v-bind:key=''，确保代码实际上是相同的