【Web前端问题】 <transition-group> children must be keyed: <ElTag> 饿了么报错？

• Z时代
• 2024-01-10
• 分类：技术分享

回答：

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>

以上是 【Web前端问题】 &lt;transition-group&gt; children must be keyed: &lt;ElTag&gt; 饿了么报错？ 的全部内容， 来源链接： utcz.com/a/138592.html