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>

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

解决办法,

将其中以个的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>

• 1.
• 2.
• 3.
• 4.
• 5.

原创作者: szk123456 转载于: https://blog.51cto.com/szk123456/11409665