解决：Duplicate keys detected: ‘xxx‘. This may cause an update error

最新推荐文章于 2024-06-26 17:22:37 发布

无情无疫

最新推荐文章于 2024-06-26 17:22:37 发布

阅读量2.2k

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/su_zhen_hua/article/details/113311444

版权

这篇博客讲述了在使用 Vue 进行表格渲染时遇到的错误，具体表现为由于双重循环导致的索引重复问题。错误日志显示在 `el-table` 的 `v-for` 循环中使用了相同的 `key` 值。解决方案是删除 `key` 指令，避免索引重复，从而修复了渲染问题。

摘要由CSDN通过智能技术生成

vue遇到的一个坑

错误日志

在这里插入图片描述

翻译

在这里插入图片描述

错误代码

<el-table border :data="ruleDetailList" style="width: 100%; margin-top:10px" v-if="ruleDetailList.length">
  <el-table-column label="xxx" prop="parkName"></el-table-column>
  <el-table-column label="xxx" prop="channelName"></el-table-column>
  <el-table-column label="xxx" prop="authCycle" width="250px">
    <template slot-scope="scope">
      <div v-if