代码报红对于追求优美代码的强迫症患者来说看着很不舒服,报红如下:
控制台中也会有:
(Emitted value instead of an instance of Error) : component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.这样的提⽰,解决这个报红的问题,我们要根据他的提⽰,循环的时候加⼊⼀个唯⼀的key,这⾥选择使⽤index:class=\"clearfix course-list\">class=\"left\"v-for=\"(item,index)in gradeClassfy.primary.grade\":key=\"index\">href=\"#\" rel=\"external nofollow\" >{{item.name}}如此,报红消失。以上这篇基于vue中解决v-for使⽤报红并出现警告的问题就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。 因篇幅问题不能全部显示,请点此查看更多更全内容 查看全文
这样的提⽰,解决这个报红的问题,我们要根据他的提⽰,循环的时候加⼊⼀个唯⼀的key,这⾥选择使⽤index:
v-for=\"(item,index)
in gradeClassfy.primary.grade\":key=\"index\">href=\"#\" rel=\"external nofollow\" >{{item.name}}
如此,报红消失。
以上这篇基于vue中解决v-for使⽤报红并出现警告的问题就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
因篇幅问题不能全部显示,请点此查看更多更全内容