vue 报错

   当你的才华还撑不起你的野心时，那就好好学习

最近在做一个用vue写的项目，在检查的时候报错Duplicate keys detected: ‘一个url’. This may cause an update error

这个问题好像不会影响项目的功能使用，但是有错误就要去解决。

由于在我的项目里用循环表，v-for的时候就会绑定一个key值，但是报错的原因是因为我们这里的key值有重复，

<div v-if="item.prop === 'urls'">
    <p v-for="value in scope.row.urls" :key="value">{{value}}</p>
</div>

由于key值是必须唯一的，如果重复就会报错
可以把key值改为index，就可以避免这个情况,修改方法如下所示：

<div v-if="item.prop === 'urls'">
    <p v-for="(value, index) in scope.row.urls" :key="index">{{value}}</p>
</div>