javascript - Vuejs v-for 重复结果在没有重复键的表中
问题描述
我的代码很简单。我在这样的表格主体元素中有一个 v-for 。
<tbody v-for="rowdata in tableDataArray" :key="rowdata.id">
我将数据推送到函数内的 tableDataArray 中。
在 tbody 内部,我像这样打印数据。
<tr>
<td>{{ rowdata.name }}</td>
<td>{{ rowdata.age }}</td>
</tr>
我的模板中没有任何其他 v-for。
我在控制台中收到此错误并将多个重复数据添加到表中。
[Vue warn]: Duplicate keys detected: 'file1'. This may cause an update error.
found in
---> <TableDataPage> at src/components/TableDataPage.vue
<App> at src/App.vue
<Root>
我注意到这个错误是由于 v-for 使用相同的键,但在我的情况下,我只使用了一个 v-for。
解决方案
推荐阅读
- regex - 匹配相同文件名的正则表达式,但在 doc 文件中不包含单词inventory
- flutter - PDF 视图未在 WebView_flutter 中显示
- css - 即使父级溢出,Flex 孙子最小宽度也会使 flex 内容换行:auto
- node.js - 查询已执行
- c++ - 如何创建使用“oneof”定义的 protobuf 消息
- c++ - 高速缓存行读写
- javascript - 是否可以在 Photoshop 上获取自定义 url 协议的参数?
- javascript - 如何更正我的代码以使“onclick”切换器组件仅适用于图标?
- python - 如何在图像中找到白色边框的矩形?
- postgresql - Postgres SELECT id LAG(id) OVER (ORDER BY id) FROM invoice WHERE id = 2