微信小程序事件传参-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序事件传参。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

微信小程序怎么事件传参

dataset 对象

每个虚拟dom身上都拥有一个dataset对象
给虚拟 dom 绑定上 data-自定义键=“值”的这种属性，例如：
想要传一个id：

<view wx:for-index="index" wx:for-item="item" wx:for="{{list}}"
 bindtap="bindtap" data-id="{{item.id}}"></view>

绑定上此种格式的属性后，会被去除 data- ，然后以键值对的形式添加在虚拟 dom 身上的dataset 对象身上。

事件对象

事件函数都默认拥有一个形参，实参为事件对象。

  bindtap(e){
    //e 为事件对象
    console.log(e)
  },

目标对象

目标对象指的是事件对象下的一个对象，为 currentTarget 属性。
以下是事件对象的 console.log 控制台打印结果，可以看到确实拥有一个 currentTarget属性
微信小程序事件传参
它就是当前触发事件的目标对象，那么获取到当前触发事件的目标对象之后，我们就可以通过它获取它身上的一些信息，例如：dataset 对象。
我们打印下 dataset 对象：

可以看到，我们已经拿到了当前点击元素身上绑定的 data-id 的值了，也正是我们想要得到的值。