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

图片描述

回答:

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

回答:

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

回答:

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

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

回答:

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

回答:

已经提示的很明显了,<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>

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注