本文共 383 字，大约阅读时间需要 1 分钟。

今天在改一个项目，有一个<el-tabs>的列表循环，需要根据权限控制列表项的显示，代码如下：

上面代码的逻辑就是，当用户为管理员身份，也就是$userRoleAccess = 1的时候，可以访问全部5个tab；当用户为普通成员身份，也就是$userRoleAccess = 0的时候，只能访问“标签设置”和“成员管理”。

在测试的时候，先访问了一个身份为管理员的项目，一切正常，接着访问了另一个身份为普通成员的项目，结果出现问题了，控制台报错：

[Vue warn]: Duplicate keys detected

将上面的:key="index"改为:key="item.label"，经过测试没有报错。

key值可以接受Number或者String类型，并且应使用唯一索引。

参考：

转载地址：http://tpye.baihongyu.com/