目录

vue key的bug

今天遇到一个bug,列表删除元素时,明明在外层设置了key,但是列表元素的状态居然复用了,找了好久原因,最后是key的取值问题,记录一下。

首先key可以取undefine,这个是不会报错的

然后项目的代码结构是这样的

js 复制代码
<component
    v-for="(item, index) in showList"
    :is="getComponent(item.type)"
    :key="item[index]"
    :data="item"
 >
 </component>

问题就在于,数据源的item中是有index这个属性的,并且作为id是唯一的,但是取的时候,是通过item[index]取的,index不是变量嘛,so

所有的key都是undefined了,哈哈哈。

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
·云扬·16 小时前
【BUG】阿里云服务器数据库远程连接报错
服务器·阿里云·bug
·云扬·1 天前
【BUG】远程连接阿里云服务器上的redis报错
服务器·阿里云·bug
upp1 天前
[bug]解决vscode+cline使用mcp服务报错spawn npx enoent spawn npx enoent
ide·vscode·bug·js
shenxiaolong_code1 天前
编译器bug ?
c++·bug·meta programming·compiler bug
枸杞配码2 天前
arthas线上不停机修改bug
ide·pycharm·bug
Htht1112 天前
【Github】之【Bug】一直无法连接github的ssh
ssh·github·bug
致微4 天前
Vue项目 bug 解决
前端·vue.js·bug
网安小陈4 天前
【网安】处理项目中的一些常见漏洞bug(java相关)
java·开发语言·数据库·安全·web安全·网络安全·bug
北冥有鱼被烹6 天前
【问题记录】C语言一个程序bug定位记录?(定义指针数组忘记[])
c语言·bug
越学不动啦7 天前
三、概念篇+Bug篇
bug·测试·软件测试入门·bug测试