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

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

php中世界最好的语言
php中世界最好的语言original
2018-03-27 16:02:212873parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn