<transition-group> children must be keyed: <ElTag> 饿了么报错？

Question

Answer 1

v-bind:key="item" 因为这个item是个对象，这边不支持对象

Answer 2

但是并没有用到<transition-group>啊 而且也有key属性

Answer 3

最好说下是用了饿了么的那个组件, 我好看下饿了么代码.

可能他封装的组件里面有transition-group, 他暴露给你的组件的prop可能对应transition-group的key的值, 但是这个值你又没有填写,他也没设置required, 所以会提示这个错误

Answer 4

<transition-group> children must be keyed: <div>

Answer 5

已经提示的很明显了，<transition-group>里的组件要加上key属性

<transition-group name="list" tag="p">
    <span v-for="item in items" v-bind:key="item" class="list-item">
      {{ item }}
    </span>
  </transition-group>