Javascript 具有相同选定对象的v模型

我有一个包含对象的数组：

array = [{id: 1, value: 0},{id: 2, value: 0},{id: 3, value: 0},{id: 4, value: 0}]

使用UI快速选择后，我有一个选定的对象数组

selectedArray = [{id: 1, value: 0},{id: 2, value: 0},{id: 1, value: 0}]

你不能让我按2次id:1，这是我的时间表所必需的

所以现在我在上面画了一个v

<div v-for="item in selectedArray">
<input type="number" v-model="item.value">
</div>

但是如果我改变第一项的值，第三项也会改变

---

如何修复此问题

您可以为每个项目添加键属性

<div v-for="(item, index) in selectedArray" :key="index">
<input type="number" v-model="item.value">
</div>

但是第一个和第三个值相同吗？或者它们是两个不同的变量，具有相同的id？它们是相同的对象，但我需要独立地更改它们的值。您不能修改结构，使第三个值是副本，并用第一个值初始化（因此成为另一个id）？我只需要为两个相同的对象保留相同的id OK，但如果它们是相同的对象，他们也将分享他们的价值：/