关于transition-group报错children must be keyed: div

学习项目时遇到了这个报错.

原来的写法:

<div v-for="ball in balls" v-show="ball.show" class="ball">
  <div class="inner"></div>
</div>

修改成这样后成功排除报错:

<div v-for="(ball, index) in balls" v-bind:key="index" v-show="ball.show" class="ball">
  <div class="inner"></div>
</div>

给循环的组件添加个key就解决了

v-bind:key="index"

略水,见谅