Vue中使用v-for不能用index作为key值
发布日期:2021-05-07 09:43:25 浏览次数:14 分类:技术文章

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

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

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

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

[Vue warn]: Duplicate keys detected

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

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

参考:

上一篇:SpringBoot配置之yaml
下一篇:SpringBoot配置之配置文件分类

发表评论

最新留言

关注你微信了!
[***.104.42.241]2025年04月06日 11时23分36秒