在Vue.js中使用对象作为键会产生什么后果

Question

我是vue.js 的新手

出于某种原因，我不得不使用如下代码：

<view v-for="item in list" :key="item">
<!-- do somethings -->
</view>

这似乎很好，但我不确定它是否会引起一些问题，我非常抱歉，我没有在的其他地方找到类似的讨论

我能安全地使用它吗？

谢谢！

Answer 1

来自关键文档：

期望：数字|字符串|布尔值(自2.4.2起(|符号(自2.5.12起(

如果item是JavaScript对象，则不应将其用作键。如果找不到任何其他密钥，请使用v-for索引：

<view v-for="(item, index) in list" :key="index">
<!-- do some things -->
</view>

如果item对象具有类似id的唯一属性，则最好使用：

:key="item.id"

至于后果，您会在控制台中收到两条警告，其中一条解释了检测到重复的密钥。这很糟糕，因为它可能会导致渲染更新错误。