uniapp小程序v-for循环绑定事件传值为undefined uniapp事件函数传参undefined

H5正常传参 就小程序事件方法传参的参数 fn（xx）打印出来的undefined

1、问题

问题出在

1. uni-app 中的v-for中 在点击传值的时候函数中在浏览器中输出的是有效值
2. 在微信小程序中输出的却是undefined 未定义的值
3. 传值的时候是空的

 <提示>
 :key="item.id"绑定的item.id是一个不存在的无效值	
 //item是元素     index 是下标		
 </提示>
 		<!-- 组件--> 
		<view  v-for="(item,index) in 变量值" :key="item.id" @click='List(item.image_src)'>
				<images :src="item.image_src"></images>
		</view>
		<!-- 函数方法-->
		List(img){
			console.log(img);  	<!-- 在浏览器中H5中打印的是有值的-->
			console.log(img);  	<!-- 在微信小程序中打印的是undefined 未定义-->
		}

2、解决方法

问题出在

• uni-app中绑定的 :key值 是无效的，且绑定的是不存在的值,并且键必须绑定的是唯一的，不能是重复的

解决方法

1. item.id 必须是存在的键
2. 唯一的
3. v-for 中绑定的 :key必须是有效且存在的
4. 且不能重复
5. 把:key绑定的改成index 下标

解决代码

<view  v-for="(item,index) in 变量值" :key="index" @click='List(item.image_src)'>
   	<images :src="item.image_src"></images>
</view>

这样就可以在小程序中传值就不会是undefined，就会是正常输出值和传值了