使用 Ant Design Vue中的table组件时，动态设置数据循环展示tableData时，控制台报错如下图：问题原因：使用v-for循环时的key用的是表格的数据导致问题解决办法：使用index+其他数据去标识唯一key

在使用Ant Design Vue的Table组件时，遇到动态数据循环展示并报错的情况，通常是因为Vue在更新视图时，期望每个列表项有一个唯一的`key`属性，以便跟踪元素的身份。当你直接使用表格数据作为`key`时，如果数据发生变化（比如增删），Vue无法识别哪些元素已经改变或新添加，这可能导致渲染错误。

问题原因在于：
1. `v-for`指令默认期望的`key`是一个稳定的引用，而表格数据通常是可变的，不是有效的唯一标识符。
2. Vue为了性能优化，依赖于`key`来高效地跟踪和更新DOM，当`key`变化时，它可能会尝试移除旧的元素但找不到匹配的新位置。

解决办法是：
1. 将`key`设置为一个稳定的、唯一的标识，例如循环索引`index`加上一些额外的不变值（如数据的一个字段）：

   <tr v-for="(item, index) in tableData" :key="index + '-' + item.id">
     <!-- 表格内容 -->
   </tr>

这样做的目的是让Vue可以识别出每次迭代创建的新的`<tr>`元素，并在数据变动时正确处理它们的位置。