javascript - 具有不同键的多个 v-for 循环仍然导致重复键错误

Question

我正在开发一个使用 Vue.js 的 python 应用程序，我收到了一张票，错误为:

[Vue warn]: Duplicate keys detected: ''. This may cause an update error. (found in 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">