Duplicate keys detected: '0'. This may cause an update error.
关于这个报错
目前是uniapp项目,报的这个错误,
原因是:检测到重复的键:'0'。这可能会导致更新错误。
<view class="box-l" v-for="(item, index) in leftlist" :key="index">
<view class="box-l-a">
<image :src="imgleft" mode=""></image>
<text>小爱同学</text>
</view>
<view class="box-l-b">
{{item.con}}
</view>
</view>
<view class="box-r" v-for="(item, index) in rightlist" :key="index">
<view class="box-r-a">
<text>离歌</text>
<image :src="imgright" mode=""></image>
</view>
<view class="box-r-b">
{{item.con}}
</view>
</view>
主要是因为两个for循环key值一样了,解决的办法就是让其中一个key的index拼接一个字符串
<view class="box-l" v-for="(item, index) in leftlist" :key="index+'s'">
<view class="box-l-a">
<image :src="imgleft" mode=""></image>
<text>小爱同学</text>
</view>
<view class="box-l-b">
{{item.con}}
</view>
</view>
如果pc项目也是出现此类为题,解决办法应该大致一样,目前没开发pc的所以没遇到。
小问题,不喜勿喷。