我试图让transition-group
工作,以便我的列表项在删除等时动画...我已经让它工作到目前为止我和#34;拼接&#34 ;列表中的一个项目,它很好地动画。在此示例中,当我添加列表时,它实际上会进行动画处理,但是您会在控制台中看到错误消息:
[Vue warn]: <transition-group> children must be keyed: <tr>
在我的实际应用程序中,列表项没有渲染,也没有动画。如果我删除transition-group
,则列表项会成功添加到列表
这里是Fiddle。
答案 0 :(得分:1)
删除.push()
函数中的第二个参数。
所以,改变:
this.items.push(newItem, 1)
到
this.items.push(newItem)