Vue2 Transition不适用于新项目

时间:2018-03-29 19:37:07

标签: vue.js vuejs2

我试图让transition-group工作,以便我的列表项在删除等时动画...我已经让它工作到目前为止我和#34;拼接&#34 ;列表中的一个项目,它很好地动画。在此示例中,当我添加列表时,它实际上会进行动画处理,但是您会在控制台中看到错误消息:

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

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

这里是Fiddle

1 个答案:

答案 0 :(得分:1)

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

所以,改变:

this.items.push(newItem, 1)

this.items.push(newItem)

演示:https://jsfiddle.net/samayo/eywraw8t/1587/