基于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 相关文章推荐
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
Aug 14 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
Dec 04 Javascript
利用javascript判断文件是否存在
Dec 31 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
Vue使用vue-cli创建项目
Sep 01 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实现JS中escape与unescape的方法
2016/07/11 PHP
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
js实现购物车功能
2018/06/12 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python树莓派红外反射传感器
2019/01/21 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
详解python中__name__的意义以及作用
2019/08/07 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
Python如何给你的程序做性能测试
2020/07/29 Python
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
css3实现动画的三种方式
2020/08/24 HTML / CSS
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
PHP开发工程师面试问题集锦
2012/11/01 面试题
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
银行实习鉴定
2013/12/13 职场文书
财政局长自荐信范文
2013/12/22 职场文书
中学教师师德承诺书
2014/05/23 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
公司催款律师函
2015/05/27 职场文书