Question

我正在使用Vue.js的python应用程序工作，并且向我扔了一张票，错误为：

[Vue警告]：检测到重复的密钥：“。这可能会导致更新错误。（发现在根目录中）

问题不是任何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">

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

1 个答案: