
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类型,并且应使用唯一索引。
参考:
发表评论
最新留言
关注你微信了!
[***.104.42.241]2025年04月06日 11时23分36秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
普歌-允异团队-HashMap面试题
2019-03-05
还在一个一个手动安装虚拟机吗?Cobbler自动部署装机一键最小化安装打把游戏就好了
2019-03-05
程序员应该知道的97件事
2019-03-05
create-react-app路由的实现原理
2019-03-05
Linux环境变量配置错误导致命令不能使用(杂谈)
2019-03-05
openstack安装(九)网络服务的安装--控制节点
2019-03-05
shell编程(六)语言编码规范之(变量)
2019-03-05
vimscript学习笔记(二)预备知识
2019-03-05
Android数据库
2019-03-05
HTML基础,块级元素/行内元素/行内块元素辨析【2分钟掌握】
2019-03-05
keil左侧文件调整方法
2019-03-05
STM8 GPIO模式
2019-03-05
omnet++
2019-03-05
23种设计模式一:单例模式
2019-03-05
Qt中的析构函数
2019-03-05
C语言实现dijkstra(adjacence matrix)
2019-03-05
C语言学习从初级到精通的疯狂实战教程-徐新帅-专题视频课程
2019-03-05
三层框架+sql server数据库 实战教学-徐新帅-专题视频课程
2019-03-05
NAT工作原理
2019-03-05