bandtap 绑定点击事件

1 简介

　　bindtap是微信小程序中用于绑定点击事件的属性，其核心作用是将用户点击组件的行为与逻辑层代码关联起来　　

 

2 基础用法

　　在WXML文件中，通过bindtap="函数名"的方式绑定点击事件。

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

　　js

  tapName(event) {
    console.log(event);
  }

 

3 传递参数

3.1 简介

　　通过语法data-xx="{{传递的值}}"可以传递参数

　　在点击事件那里有一个参数e，通过e.currentTarget.dataset.xx获取

　

3.2 wxml

<view bindtap="pay_again"

data-item="{{item}}" data-name="{{item.name}}" data-fee="{{orderList.fee}}" > </view>

　　

3.3 js

// 再次发起支付请求，调用后台PHP
  pay_again(e){
    var that = this;
    that.setData({
      name: e.currentTarget.dataset.name,
      fee: e.currentTarget.dataset.fee,
      item: e.currentTarget.dataset.item
    })
  }