ElementUI 报错 Vue warn: Duplicate keys detected: '0'. This may cause an update error.

Question

Vue warn: Duplicate keys detected: '0'. This may cause an update error.

这个错误非常场景，而且有时候还不好处理

相关代码

<el-col v-for="item in basic2" :key="item.title"
:xs="24" :sm="12" :md="12" :lg="8" :xl="8" </el-col>

问题

写了一个循环，结果报错了。

分析问题

在同一个盒子中，有两个 for 循环，它们的 key 均为 index，可能 key 冲突导致了报错。

解决问题

修改循环中的 key 值，使其保持唯一性。