vue で v-for を使用するときに赤色と警告が表示される問題を解決する方法 (詳細なチュートリアル)

以下に、v-for 使用時の赤いレポートと警告の問題を解決する vue に基づいた記事を共有します。これは優れた参考値であり、皆様のお役に立てれば幸いです。

コードレッドレポートは、美しいコードを追求する強迫性障害患者にとって非常に不快なものです。レッドレポートは次のとおりです:

コンソールには次のようなプロンプトも表示されます:

(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.

、この赤いレポートの問題を解決するには、彼のプロンプトに従い、ループ中に一意のキーを追加する必要があります。ここではインデックスを使用することを選択します:

<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>

このようにして、redレポートが消えます。

上記は私があなたのためにまとめたものです。

関連記事:

vue-video-player に基づいてプレーヤーをカスタマイズする方法

Vue は、シンプルで軽量なアップロード ファイル コンポーネントの例をカプセル化します

JavaScript に基づいた抽選ページの実装

以上がvue で v-for を使用するときに赤色と警告が表示される問題を解決する方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。