Vue.js 在Vuetify数据表中添加产品时重复键

我目前正在使用Vuetify数据表，您可以在其中添加产品。最后，我想根据所有这些产品的价格进行计算。这些产品都有一个ID，但当我将这些产品添加到数据表时，会出现以下错误：

检测到重复的密钥：“12”。这可能会导致更新错误

---

我知道这是因为我使用了产品的ID。但我怎样才能防止它给我这个错误呢？我应该传递一个完全不同的ID而不是产品本身的ID吗？我以后可能需要产品ID。我想知道什么是最好的解决办法。提前谢谢

我建议您添加一个具有唯一

id

的列。如果您有一个对象数组：

array.forEach((item, i) => {
  item.subId = i + 1;
})

然后在数据表中将

项键设置为
subId