vue循环嵌套循环，警告：检测到重复的键

Question

<view class="contents" v-for="(item,index) in listData" :key="item">
	<view class="left">
		<image  @click ="tocontact()" :src="item.WeiBoList.Photo"></image>
	</view>
	<view class="right">
		<div class="div1">
		    <text class="text1"  @click ="tocontact()">{{item.WeiBoList.Name}}</text>
			<view class="button">联系TA</view>
		</div>
		<div class="div2" @click="todetails()">
			<text>{{item.WeiBoList.ArtContent}}</text>
		</div>
		<div class="div3">
			<image v-for="(sitem,index) in item.WeiBoImagesList" :key="sitem" :src="$sltUrl+sitem.Photo" mode=""></image>
		</div>
		<div class="div4">
			<text>{{item.AddTime}}</text>
			<view class="div4right">
				<text><i class="iconfont icon-zhuanfa"></i>分享</text>
				<text><i class="iconfont icon-weibiaoti-"></i>评论</text>
				<text><i class="iconfont icon-zan"></i>赞</text>
			</view>
		</div>
	</view>
</view>

[Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error.

Answer 1

 v-for="(item,firstIndex) in listData1" :key="'listData1'+firstIndex"

 v-for="(item,secondIndex) in listData2" :key="'listData2'+secondIndex"


 v-for="(item,thirdIndex) in listData3" :key="'listData3'+thirdIndex"


这三个例子 看明白 你以后就知道怎么处理v-for 的key了