报错截图
报错原因:用到两个相同的for循环,而这两个for循环的key值是一样的。 关键代码:
代码语言:javascript复制<div class="bg">
<div class="title" >
<div class="showTitle" v-for="(item,index) in titleArr" :key="'index">{{item}}</div>
<van-row v-for="(item,index) in list" :key="index">
<van-col span="8">{{item.time}}</van-col>
<van-col span="8">{{item.sendNum}}</van-col>
<van-col span="8">{{item.leftNum}}</van-col>
</van-row>
</div>
</div>
</div>
解决方案: 将其中一个key值拼接数字或者字符串,区分另一个key值即可!
代码语言:javascript复制<div class="bg">
<div class="title" >
<div class="showTitle" v-for="(item,index) in titleArr" :key="'item' index">{{item}}</div>
<van-row v-for="(item,index) in list" :key="index">
<van-col span="8">{{item.time}}</van-col>
<van-col span="8">{{item.sendNum}}</van-col>
<van-col span="8">{{item.leftNum}}</van-col>
</van-row>
</div>
</div>
</div>