Duplicate keys detected: '0'原因及解决方法

简介: Duplicate keys detected: '0'原因及解决方法

Duplicate keys detected: '0'. This may cause an update error.


错误原因


一个template中有两个一样的v-for


<div class="info" v-for="(item, index) in currentFriend.content" :key="index">
    <div class="d1">
            <p v-text="item.time" class="timeBox"></p>
    </div>
</div>
<div class="info2" v-for="(item, index) in currentFriend.content" :key="'index">
    <div class="d2">
          <p v-text="item.time" class="timeBox"></p>
      </div>
</div>


解决办法,


将其中以个的key修改一下,参考http://www.wityx.com/web/


<div class="info2" v-for="(item, index) in currentFriend.content" :key="'info2-'+index">
    <div class="d2">
          <p v-text="item.time" class="timeBox"></p>
      </div>
</div>


相关文章
|
存储 监控 算法
ClickHouse源码分析-压缩算法大揭秘
ClickHouse在近年来增加了很多压缩算法,最主要的改进还是为了更好的适应时序场景,提高压缩率,节省存储空间。本期就给大家带来ClickHouse的压缩算法介绍。
5697 0
ClickHouse源码分析-压缩算法大揭秘
|
前端开发
input输入框只能输入数字且保留两位小数场景演练(金额)
input输入框只能输入数字且保留两位小数场景演练(金额)
|
7月前
|
Dubbo 应用服务中间件 Apache
Star 4w+,Apache Dubbo 3.3 全新发布,Triple X 领衔,开启微服务通信新时代
Star 4w+,Apache Dubbo 3.3 全新发布,Triple X 领衔,开启微服务通信新时代
109 0
|
Ubuntu 编译器 C语言
Ubuntu安装gcc 以及g++
这篇博客介绍了在Ubuntu系统中安装gcc和g++编译器的步骤,包括解决安装过程中可能遇到的问题,如锁文件冲突,并提供了一些安装GCC和G++的命令和技巧。
353 0
|
JavaScript
在Vue项目中vue-quill-editor的安装与使用【详细图解+过程+包含图片的缩放拖拽】
文章详细介绍了在Vue项目中安装和使用`vue-quill-editor`的步骤,包括如何通过npm安装、局部挂载、在Vue页面中引入和配置使用。同时,还提供了如何实现图片的缩放和拖拽功能的进阶教程,涉及到安装额外的插件`quill-image-drop-module`和`quill-image-resize-module`,以及对Webpack配置的调整。最后,文章还提供了实际效果展示和一些后续可能的拓展功能,如上传视频和将图片上传到服务器等。
在Vue项目中vue-quill-editor的安装与使用【详细图解+过程+包含图片的缩放拖拽】
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
2424 0
|
Web App开发 XML 资源调度
Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)
Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)
1310 1
|
测试技术 数据安全/隐私保护
你知道完整性测试吗?
你知道完整性测试吗?
408 0
|
小程序 JavaScript 前端开发
小程序如何刷新当前页面?
小程序如何刷新当前页面?
2428 0
|
存储 SQL 关系型数据库
何时使用Elasticsearch而不是MySql
MySQL 和 Elasticsearch 是两种不同的数据管理系统,它们各有优劣,适用于不同的场景。本文将从以下几个方面对它们进行比较和分析:
1121 0