Résolvez le problème du rouge et de l'avertissement lors de l'utilisation de v-for dans vue

Cette fois, je vais vous présenter comment résoudre le problème des drapeaux rouges et des avertissements lors de l'utilisation de v-for dans vue. Quoi. sont les précautions. Voici les cas réels, jetons un coup d'œil.

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 comme celle-ci 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 et ajouter un

lors de la boucle. La seule clé, 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 rapport rouge disparaît.

L'article ci-dessus basé sur la résolution du problème des rapports rouges et des avertissements lors de l'utilisation de v-for dans vue est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence. J'espère également que s'il vous plaît, soutenez beaucoup Script House.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication graphique détaillée de Vue.directive()

Explication détaillée de l'utilisation des composants JsChart

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!