微信小程序-页面bindtap绑定点击方法，传递当前被点击的数据信息（如id等）

介绍

可以通过在wxml页面标签内添加data-id="{{item.goods_id}}"属性，来向绑定的方法传递数据，通过方法的e.currentTarget.dataset.id获取 。

**注意：**标签中的属性名定义为data-id，则dataset中的属性名为id；如果标签中属性名定义为data-goodsid，则dataset中的属性名为goodsid。

wxml代码 bindtap绑定handleCheckbox方法

<checkbox class="checked" value="cb" checked="{{item.checked}}" bindtap="handleCheckbox" data-id="{{item.goods_id}}" />

js代码 通过e接收

handleCheckbox(e) {
    console.log(e);
    // e.currentTarget.dataset.id
}

接收数据

详细示例

这是一个购物车。点击单选框，需要获取当前商品id，来对该条数据做选中/不选中处理。

wxml页面代码

cartList为购物车商品列表，点击checkbox时需要获取当前的商品id，即item.goods_id。通过bindtap绑定的点击事件handleCheckbox需要接收该商品id后对cartList中的对应商品进行处理。

<view class="cart_item" wx:for="{{cartList}}" wx:key="goods_id">
    <!-- 这里这里 使用开始 -->
    <checkbox class="checked" value="cb" checked="{{item.checked}}" bindtap="handleCheckbox" data-id="{{item.goods_id}}" />
    <!-- 使用结束 -->
    <view class="img">
        <image src="{{item.goods_small_logo?item.goods_small_logo:'http://image5.suning.cn/uimg/b2c/newcatentries/0000000000-000000000193373779_1_400x400.jpg'}}" mode="widthFix" />
    </view>
    <view class="cart_info">
        <view class="name">{{item.goods_name}}</view>
        <view class="info_bottom">
            <view class="price">￥{{item.goods_price}}</view>
            <view class="num">
                <view class="button sub">-</view>
                <view>{{item.num}}</view>
                <view class="button add">+</view>
            </view>
        </view>
    </view>
</view>

js代码

Page({
    /**
     * 处理单选框点击事件
     */
    handleCheckbox(e) {
        console.log(e);
        // e.currentTarget.dataset.id
    }
})

接收到的数据