场景:

这个警告是在我使用vue的v-for循环中出现,代码:

<el-tag
            v-for="attr in scope.row.attrs"
            :type="attr"
            :key="attr"
          >
            {{ attr }}
          </el-tag>

分析:

查看警告报告可以看到是在checkDuplicateKeys(检查key的重复性)时报的问题,而在vue的循环中为了保证每一项的独立性都会加上key,因此判断可能是使用的key存在重复的情况

解决:

v-for中使用(item,index) in items,使用index作为key值则不会出现重复情况

Logo

前往低代码交流专区

更多推荐