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>

을 사용하도록 선택합니다. 사라집니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

vue-video-player를 기반으로 플레이어를 사용자 정의하는 방법

Vue는 간단하고 가벼운 업로드 파일 구성 요소의 예를 캡슐화합니다.

JavaScript 기반 행운 추첨 페이지 구현

위 내용은 vue에서 v-for를 사용할 때 빨간색 및 경고 문제를 해결하는 방법(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!