基于vue中解决v-for使用报红并出现警告的问题
2018-03-03 14:11
846 查看
代码报红对于追求优美代码的强迫症患者来说看着很不舒服,报红如下:
控制台中也会有:
(Emitted value instead of an instance of Error) <Option v-for="item in searchTypeList">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.
这样的提示,解决这个报红的问题,我们要根据他的提示,循环的时候加入一个唯一的key,这里选择使用index:
<ul class="clearfix course-list"> <li class="left" v-for="(item,index) in gradeClassfy.primary.grade" :key="index"><a href="#" rel="external nofollow" >{{item.name}}</a></li> </ul>
如此,报红消失。
以上这篇基于vue中解决v-for使用报红并出现警告的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 解决vue组件中使用v-for出现告警问题及v for指令介绍
- MyEclipse中使用Hibernate时出现log4j:WARN No appenders could be found for logger 警告信息解决
- 基于CDH5.x 下面使用eclipse 操作hive 。使用java通过jdbc连接HIVESERVICE 创建表出现的问题及解决
- foobar2000使用cue文件播放时出现Unable to open item for playback (Object not found):的问题解决
- xcode 经常出现的警告问题解决方法ld: warning: directory not found for option '-L/Users/
- 解决vue中使用Axios调用接口时出现的ie数据处理问题
- 解决vuejs 使用value in list 循环遍历数组出现警告的问题
- 解决 Eclipse 下使用 Ant 编译出现问题: 警告:编码 GBK 的不可映射字符
- Vue-router本地服务器使用history出现找不到页面的问题解决方法
- 解决使用Struts2的s:textfield标签出现Unable to find setter method for attribute: style的问题
- 基于vue 开发中出现警告问题去除方法
- AndroidStudio完美解决"Activity使用Handler时出现警告信息"的问题
- MyEclipse中使用Hibernate时出现log4j:WARN No appenders could be found for logger 警告信息解决
- 使用vue-aplayer插件时出现的问题的解决
- VM中使用svn检出代码出现Password for '(null)' GNOME keyring问题的解决办法
- 使用 Navicat for MySQL 执行 SQL 语句时,出现 out of memory 问题的解决方法
- 使用MySQL API时出现如下问题的解决方法:Access denied for user 'root'@'localhost' (using password: YES)
- 解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
- iOS开发遇到的坑之六--使用cocopods管理第三方库时,编译出现Library not found for -lPods问题的解决办法
- 解决win2003里IIS运行ASP时出现请求资源在使用中的问题