Несколько циклов v-for с разными ключами по-прежнему вызывают ошибку дубликата ключа

Question

Я работаю над приложением python, использующим Vue.js, и мне было возвращено сообщение с ошибкой:

[Vue warn]: обнаружены повторяющиеся ключи: '',Это может вызвать ошибку обновления.(находится в Root)

Проблема в том, что ни один из ключей ни в одном из циклов 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">...

Любое понимание этого отв любом месте, потому что трассировка стека не помогает, и я уже проанализировал все документы.

Answer 1

Попробуйте объединить индекс, чтобы обеспечить уникальность:

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