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!