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.
이러한 힌트 는 이 신문 의 홍 보 를 해결 하 는 문 제 를 해결 합 니 다.우 리 는 그의 힌트 에 따라 순환 할 때 유일한 key 를 추가 해 야 합 니 다.여 기 는 index 를 사용 하 는 것 을 선택 하 십시오.

<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 를 사용 하여 홍 보 를 해결 하고 경고 하 는 문 제 는 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 시 기 를 바 랍 니 다.여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기