Maison > Article > interface Web > Comment résoudre le problème du rouge et de l'avertissement lors de l'utilisation de v-for dans vue (tutoriel détaillé)
Ci-dessous, je partagerai avec vous un article basé sur vue qui résout le problème des rapports rouges et des avertissements lors de l'utilisation de v-for. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.
Le reporting Code rouge est très inconfortable pour les personnes atteintes de trouble obsessionnel-compulsif qui recherchent du beau code. Le reporting rouge est le suivant :
<.> Il y aura également des invites dans la console :
(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.Pour résoudre ce problème de rapport rouge, nous devons suivre. ses invites, ajoutez une clé unique lors de la boucle, choisissez d'utiliser l'index ici :
<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>
De cette façon, le rouge le rapport disparaît.
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir. Articles associés :Comment personnaliser le lecteur basé sur vue-video-player
Vue encapsule un simple et léger Exemples d'un grand nombre de composants de fichiers de téléchargement
Implémentation d'une page de tirage au sort basée sur JavaScript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!