v-for报错

说key的问题,我代码已经改过了,项目也重启过了,电脑也重启过了,缓存也清了,我删除这行报错就没了,应该也没改错地方,但是就是一直报警告,哪位老哥给我看看问题出在什么地方

<el-option v-for="(i, index) in selectList" :Key="index" :label="i.name" :value="i.code"></el-option>


报错
(Emitted value instead of an instance of Error) <el-option v-for="i in selectList">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.
阅读 3.1k
3 个回答
<el-option v-for="(i, index) in selectList" :key="index" :label="i.name" :value="i.code"></el-option>

key 首字母不要用大写 还有最好用唯一值而不是indexkey

# 你的`key`写成大写了
:key="index"
<el-option v-for="(i, index) in selectList" :key="'select' + index" :label="i.name" :value="i.code"></el-option>

key三个字母都是小写,要细心一点哇,而且最好用唯一值,我一般会加上个区分的字符串

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题