解决点击事件传参，打印时却为undefined的问题

踏浪而行foreval

已于 2023-03-15 13:46:49 修改

阅读量2.3k

点赞数 1

分类专栏： uniapp vue 文章标签： html5 javascript vue.js

于 2020-09-06 09:16:22 首次发布

本文链接：https://blog.csdn.net/weixin_45849072/article/details/108427772

版权

vue 同时被 2 个专栏收录

20 篇文章 1 订阅

订阅专栏

uniapp

6 篇文章 0 订阅

订阅专栏

话不多说上代码

<scroll-view scroll-y="true" scroll-top="0" :style="{height:indexHeight}"  @scrolltolower="ReachBottom" scroll-with-animation="true">
	<view class="product" v-for="(item,index) in products" :key="item.id" >
		<view class="items">
			<image :src="item.HeadImageURL" mode="aspectFit"></image>
			<view class="namePrice">
				<view class="productName">
					{{item.DisplayName}}
				</view>
				<!-- <view class="deliveryTime">
					{{item.notice}} 
				</view> -->
				<view class="price">
					<view class="sum">								
						<text>¥{{item.MemberPrice}}</text>
						<text>佣金金额：{{item.CommissionPrice}}</text>
					</view>
					<view class="share" @click="openItem(item.HeadImageURL)">
						<image src="../../static/image/share/share.png" mode="aspectFit"></image>
						<text >分享</text>
					</view>
				</view>
			</view>
		</view>
	</view>
	<uni-load-more :status="haveMore" ></uni-load-more>
</scroll-view>

openItem(HeadImageURL){
	console.log(HeadImageURL)
}

这是uniapp项目，在H5上打印正常，但是在微信小程序上打印就显示undefined 这是什么原因呢，item打印不出来，但是index可以正常输出，经过仔细排查，发现 :key="item.id" 中的id与接口返回的ID不匹配，这就相当于是执行了 :key="undefined" 所以输出也就是undefined，以后写代码还是要更加用心才是

欢迎大家关注我的公众号「踏浪而行生活圈」，这里不仅有更多好玩的内容，还会同步更新踏浪而行最新资讯，让你时刻掌握科技前沿，快来加入我们吧！