微信小程序点击事件传递自定义参数的方法

在微信小程序的开发过程中,点击事件不同于普通js传参,而是采用自定义传参的方法

1,绑定

格式为data-XXX,此处是data-id, id是需要传递的参数

 
<!-- 绑定data-id 需要传递的参数 格式为data-XXX -->
<view class="today-data" bindtap="goTodayData" data-id="{{item.id}}">
        <view class="today-font">本日数据</view>
       </view>

2.获取

使用 e.currentTarget.dataset.xxx来获取传递的参数

  goTodayData(e){
    const id= e.currentTarget.dataset.id
}

可以看到此处获取到了id的值

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中的自定义事件是开发者自己定义的事件,可以在组件中触发和处理。在小程序中,有几种方式可以实现自定义事件。 一种方式是通过在组件的methods中声明一个与bind:{eventName}属性中指定的方法同名的方法,作为自定义事件的处理函数。例如,可以定义一个名为onMyEvent的方法来处理自定义事件。在该方法中,可以通过event.detail来获取传递自定义事件的数据。例如,可以使用console.log(event.detail.myData)来输出传递的数据。\[3\] 另一种方式是使用PubSub库来实现自定义事件。在组件中,可以使用PubSub.subscribe方法来订阅自定义事件,并提供一个回调函数来处理事件。在另一个组件中,可以使用PubSub.publish方法来触发自定义事件,并提供相应的数据。通过这种方式,不同组件之间可以进行事件的订阅和发布,实现组件之间的通信。\[2\] 总结起来,微信小程序中的自定义事件可以通过声明同名方法或使用PubSub库来实现。通过这些方式,开发者可以自由定义和处理自己的事件,实现组件之间的通信和交互。 #### 引用[.reference_title] - *1* *3* [小程序数据传递自定义事件](https://blog.csdn.net/qq_34185872/article/details/131269653)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序——定义事件相关](https://blog.csdn.net/weixin_45890771/article/details/122651858)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值