v-for 遍历的数据 点击事件是拿不到每一项的数据吗

66 阅读1分钟

:key.id :key.index ?

	<view class="w-100 " style="height: 1100rpx;background-color:yellow">
			<view style="width: 500rpx; height: 200rpx; background-color: #007AFF; border: 2rpx solid red; " v-for="item in arrData" :key="item.id" @click="dianji(item.title)">
				<text>{{ item.title }}</text>
			</view>
		</view>
        
        
        	arrData: [
			        { id: 1, title: '第一条数据' },
			        { id: 2, title: '第二条数据' },
			        { id: 3, title: '第三条数据' },
			        { id: 4, title: '第四条数据' },
			        { id: 5, title: '第五条数据' }
			      ],
                  
                  
        dianji(v){
			console.log(v)
		},

	<view class="w-100 " style="height: 1100rpx;background-color:yellow">
			<view style="width: 500rpx; height: 200rpx; background-color: #007AFF; border: 2rpx solid red; " v-for="item in arrData" :key="item.index" @click="dianji(item.title)">
				<text>{{ item.title }}</text>
			</view>
		</view>

只能把:key。index 修改为 id

<view
							:class="currentIndex == index? 'xuanzhong' : 'noxuanzhong'"
							v-for="(isTitle,index) in peoInfo"
							:key="index"
							@click="isShowTitle(isTitle.id, isTitle.consult_price, isTitle.consult_type_format,index)"
						>
							<text>{{ isTitle.consult_type_format }}</text>
							<!-- <text>{{isTitle.consult_price}}</text> -->
						</view>
<!-- 	<view
							:class="currentIndex == index? 'xuanzhong' : 'noxuanzhong'"
							v-for="(isTitle,index) in peoInfo"
							:key="isTitle.id"
							@click="isShowTitle(isTitle.id, isTitle.consult_price, isTitle.consult_type_format,index)"
						>
							<text>{{ isTitle.consult_type_format }}</text>
						
						</view> -->

遍历出来的id 不能写成item.id 人家都没有这个属性