VUE报错类似于vue Duplicate keys detected: '135’的错误
报错原因: 使用v-for时,key值不唯一(一般出现在 v-for循环生成列表,对key值处理不当时)
原来报错的代码:
联系方式:<span v-for="item in detailslist" :key="item.id">{{item.telephone}}</span><br>
状态:<span v-for="item in detailslist" :key="item.id">{{item.status}}</span><br>
地址:<span v-for="item in detailslist" :key="item.id">{{item.province}} {{item.city}}</span>
修改后的代码:
可以修改v-for里面的item,或者修改:key里面的item.id
联系方式:<span v-for="item in detailslist" :key="item.telephone">{{item.telephone}}</span><br>
状态:<span v-for="item in detailslist" :key="item.status">{{item.status}}</span><br>
地址:<span v-for="item in detailslist" :key="item.city">{{item.province}} {{item.city}}</span>