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>

版权声明:本文为kkkkk0826原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。