在 Vuetify 数据表中添加产品时出现重复键

Question

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

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

我知道发生这种情况是因为我使用了产品的 ID。但我怎样才能防止它给我这个错误呢？我是否应该传递一个完全不同的 ID，而不是产品本身的 ID？我稍后可能需要产品 ID。我想知道最好的解决方案是什么。提前致谢。

Answer 1

我建议您添加一个具有唯一的列id。如果你有一个对象数组：

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

然后在您的数据表中将其设置item-key为subId。