报错：transition-group children must be keyed: v-list-item-group

最新推荐文章于 2024-09-12 09:56:53 发布

原创最新推荐文章于 2024-09-12 09:56:53 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#list #数据结构 #vue

在Vue应用中遇到一个错误，提示transition-group的children必须被keyed。为了解决这个问题，需要在v-list-item-group组件上绑定key属性。示例代码展示了如何在transition-group内部的v-list-item-group使用`:key`绑定每个item的唯一id，确保每个子项都有独特的标识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错：transition-group children must be keyed: v-list-item-group
此报错提示就是需要在 v-list-item-group 标签上绑定上key值

<transition-group type="transition">
	<v-list-item-group multiple  v-for="item in checkSources" :key="item.id">
	</v-list-item-group>
</transition-group>