微信小程序 组件绑定事件处理函数 传递参数问题

 例如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

wxml代码

传递参数使用 data-{{参数名字}}="{{值}}",例如你要传递被点击的组件是哪个,可以传递一个id,值为123,格式为:data-id="123"

<view id="tapTest" data-id="123" bindtap="tapName"> Click me quickly! </view>

 js代码

Page({
  tapName: function(event) {
    console.log(event)
  }
})

 event输出结果:

 

{
  "type":"tap",
  "timeStamp":895,
  "target": {
    "id": "tapTest",
    "dataset":  {
      "id":"123"
    }
  },
  "currentTarget":  {
    "id": "tapTest",
    "dataset": {
      "id":"123"
    }
  },
  "detail": {
    "x":53,
    "y":14
  },
  "touches":[{
    "identifier":0,
    "pageX":53,
    "pageY":14,
    "clientX":53,
    "clientY":14
  }],
  "changedTouches":[{
    "identifier":0,
    "pageX":53,
    "pageY":14,
    "clientX":53,
    "clientY":14
  }]
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值