vue中如何解决v-for使用报红并出现警告

这篇文章给大家分享的是有关vue中如何解决v-for使用报红并出现警告的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联公司专注于万全网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供万全营销型网站建设,万全网站制作、万全网页设计、万全网站官网定制、微信小程序服务,打造万全网络公司原创品牌,更为您提供万全网站排名全网营销落地服务。

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

vue中如何解决v-for使用报红并出现警告

控制台中也会有:

(Emitted value instead of an instance of Error) 

这样的提示,解决这个报红的问题,我们要根据他的提示,循环的时候加入一个唯一的key,这里选择使用index:

如此,报红消失。

感谢各位的阅读!关于vue中如何解决v-for使用报红并出现警告就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章名称:vue中如何解决v-for使用报红并出现警告
URL地址:http://scyanting.com/article/pcjije.html