v-if 控制台报错

Question

（for循环上已经绑定了key值）控制台报了这样的错误，请问这个该怎么解决

Answer 1

估计你项目用了esLint检查，也有v-for，加个:key就好了

<div v-for="(item, index) of items" :key="index">

问题修改后

1. 两个index没有问题
2. 用key没有问题

template不能用:key 所以我觉得楼主代码的错误应该不是截图的错误，我给template用:key后出现以下错误

• <template> cannot be keyed. Place the key on real elements instead.

改成div或者template里面再套一层div就没错了

Answer 2

看看报错提示呀 让你加上 :key

Answer 3

template换成div等标签，可以鼠标hover到报错的地方，会显示错误信息哦

Answer 4

键值重复，你两个循环下表都是index，第二个循环用的是第一个循环的index，可能就出现key值为undefined的情况，相当于没绑定key值

Answer 5

两个循环试试用不同的:key，比如第二个的改为:key = 'key'