基于vue中解决v-for使用报红并出现警告的问题


Posted in Javascript onMarch 03, 2018

代码报红对于追求优美代码的强迫症患者来说看着很不舒服,报红如下:

基于vue中解决v-for使用报红并出现警告的问题

控制台中也会有:

(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使用报红并出现警告的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
JavaScript-世界上误解最深的语言分析
Aug 12 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
javascript验证身份证号
Mar 03 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
简单实现bootstrap导航效果
Feb 07 Javascript
使用JavaScript实现表格编辑器(实例讲解)
Aug 02 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 #Javascript
vue.js select下拉框绑定和取值方法
Mar 03 #Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
Mar 03 #Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 #Javascript
JS表单传值和URL编码转换
Mar 03 #Javascript
jQuery实现左右滑动的toggle方法
Mar 03 #jQuery
vue中实现移动端的scroll滚动方法
Mar 03 #Javascript
You might like
PHP中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
php之XML转数组函数的详解
2013/06/07 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
JavaScript 栈的详解及实例代码
2017/01/22 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
Python Tkinter GUI编程入门介绍
2015/03/10 Python
Python的Flask框架中web表单的教程
2015/04/20 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
python中JWT用户认证的实现
2020/05/18 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
HTML5对比HTML4的主要改变和改进总结
2016/05/27 HTML / CSS
古驰英国官网:GUCCI英国
2020/03/07 全球购物
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
2014年小班元旦活动方案
2014/02/16 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
百日安全活动总结
2014/05/04 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
库房管理员岗位职责
2015/02/12 职场文书
2015年读书月活动总结
2015/03/26 职场文书
民事申诉状范本
2015/05/20 职场文书
永不妥协观后感
2015/06/10 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL