欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-01-25 10:28:53|栏目:vue|点击:

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

控制台中也会有:

(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-cli3简单使用(图文步骤)

栏    目:vue

下一篇:vue使用better-scroll实现下拉刷新、上拉加载

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

本文地址:http://www.codeinn.net/misctech/50929.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有