vue2.0 ，当data数据中的数组点击按钮增加一条（相同）数据后，该内容实现类似slideDown()的动画效果

Question

<transition-group name="list" tag="p" >
<div v-for="(item,index) in goods" :key="index">

   <div>
       <p>商品名称</p>
       <p>商品颜色</p>
       <p>商品价格</p>
       
   </div> 

</div>
</transition-group>
<button>点击按钮向goods数组中增加一条商品数据，该数据以slideDown()的形式展开</button>
:key="item" 会报错

Answer 1

报什么错。。。

Answer 2

可以吧报错信息贴出来么，你个这个描述太草率了怎么通过的审核的

Answer 3

不能用对象作为v-for的key，需要具体的string或者number，另外transtion-group里面不能用index作为key~