v-if 控制台报错

叶子玉
  • 176

图片描述

(for循环上已经绑定了key值)控制台报了这样的错误,请问这个该怎么解决
图片描述

回复
阅读 3.2k
5 个回答
桃子_Lisa
  • 1.1k
✓ 已被采纳

估计你项目用了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就没错了

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

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

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

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

宣传栏