vue에서 v-for를 사용할 때 빨간색 및 경고 문제 해결

이번에는 vue에서 v-for를 사용할 때 위험 신호와 경고가 발생하는 문제를 해결하는 방법을 알려드리겠습니다. 다음은 실제 사례입니다. 코드 레드 리포팅은 아름다운 코드를 추구하는 강박 장애가 있는 사람들에게 매우 불편합니다. 레드 리포팅은 다음과 같습니다.

콘솔에도 다음과 같은 메시지가 표시됩니다.

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

이 보고를 해결하려면 빨간색 문제와 관련하여

loop

할 때 그의 지시에 따라 고유 키를 추가해야 합니다. 여기서는

<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에서 v-for 사용 시 빨간색 보고 및 경고 문제 해결을 기반으로 한 위 글은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 스크립트 홈.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Vue.directive()에 대한 자세한 그래픽 설명

JsChart 구성 요소 사용에 대한 자세한 설명

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