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

Question

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

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

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

标签： vue.jsvuetify.js

Answer 1

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

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

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