Vue 提示 Duplicate keys detected: '0'. This mar cause an update error 如何处理

作者: 图恩分类: 开发笔记阅读: 1328字数: 341发布时间： 2021-02-14 17:47:47

在vue的开发过程中，如果出现Duplicate keys这种错误，需要注意一下。

首先保持：key="index"，如果就两个div的同一个父元素下，又同事使用v-for，就可能会出现这种情况，有问题的写法：

<div>
	<div v-for="item in listone">one</div>
	<div v-for="item in listtwo">two</div>
</div>

换一种写法可以避免出现这个问题：

<div>
	<div v-for="item in listone">one</div>
</div>
<div>
	<div v-for="item in listtwo">two</div>
</div>