vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案

vue项目中报了一个这样的错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘47637’. This may cause an update error.

虽然不影响使用，但是报错还是得解决的
只要一进入该页面，就会出这个红色的错误，网上查了资料，说是v-for循环里，key值可能重复了，所以会报这个错。

查看了下，页面果然有v-for循环

<div class="b-border-item font12" v-for="item in actions" :key="item.id">
  <div class="flex mb10">
    <div class="mr20">{{item.username}}更新了一篇文章</div>
    <div>{{timeChn(item.createdTime)}}</div>
  </div>
 </div>

key值是必须唯一的，如果重复就会报错
可以把key值改为index（其实就是用索引做key值），就可以避免这个情况：

<div class="b-border-item font12" v-for="(item,index) in actions" :key="index">
  <div class="flex mb10">
    <div class="mr20">{{item.username}}更新了一篇文章</div>
    <div>{{timeChn(item.createdTime)}}</div>
  </div>
 </div>