키가 서로 다른 여러 v-for 루프로 인해 여전히 중복 키 오류가 발생함

키가 서로 다른 여러 v-for 루프로 인해 여전히 중복 키 오류가 발생함

Vue.js를 사용하는 python 어플리케이션에서 작업하고 있는데 다음 오류가 발생하여 티켓이 반환되었습니다.

[Vue warn] :중복된 키가 검출되었습니다: ' ' .이로 인해 업데이트 오류가 발생할 수 있습니다.(루트에 있습니다)

문제는, 어느쪽의 키에도 없습니다.v-for:루프는 동일합니다.

모두 다음과 같습니다.

<li class="page-item" v-for="p in pagesArray" :key="p.label+'label'">...

<b-form-checkbox v-for="(skill, index) in visibleSkills" :key="skill.skillname+'-name'">...

<b-form-radio v-for="(bundle, index) in visibleBundles" :key="bundle.bundlename">...

스택 트레이스는 도움이 안 되고 이미 모든 문서를 구문 분석했어요

고유성을 적용하기 위해 인덱스의 연결을 시도합니다.

  <li class="page-item" v-for="(p,index) in pagesArray" :key="p.label+'label'+index">
  <b-form-checkbox v-for="(skill, index) in visibleSkills" :key="skill.skillname+'-name'+index">
  <b-form-radio v-for="(bundle, index) in visibleBundles" :key="bundle.bundlename+index">

언급URL : https://stackoverflow.com/questions/53544550/multiple-v-for-loops-with-different-keys-still-causing-duplicate-key-error