微信小程序列表点击传参跑坑

 微信小程序点击传参跑坑:列表渲染点击单项传递参数,通过data-xxx传递参数时发现最后打印出来undefined,尝试过修改merchantId为id,并没有效果,最后发现是data-xxx传递参数的问题

 这里的data-xxx传递的应该是对象里每一项的id,实际上传的并不是。

<view wx:for-items="{{SpareArray}}" data-id="{{id}}"  wx:key="id" bindtap="select" > 
    
  </view>
select:function(e){
    console.log('e',e)
    let merchantId = e.currentTarget.dataset.id
    console.log('merchantId',merchantId)
}

   查了一下,发现data-xxx绑定的应该是item.id,这样传递的才是对象里每一项的对应的id。

同时命名方式也会对这个有影响,详情可以看这个微信小程序——点击事件传参没有数据(undefined)_萌新の俊俊的博客-CSDN博客

 <view wx:for-items="{{SpareArray}}" data-id="{{item.id}}"  wx:key="id" bindtap="select">
 </view> 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值