微信小程序之事件:catchtap&bindtap

本文介绍了小程序中bindtap和catchtap事件的区别,bindtap事件不阻止冒泡,而catchtap可以阻止。通过在WXML中设置data属性,可以在JS中通过e.currentTarget.dataset获取点击时传递的数据,例如在商品状态视图中绑定确认送达按钮的事件,从而实现数据交互。这是一个关于前端开发中事件处理和数据传递的基础教程。
摘要由CSDN通过智能技术生成
  • bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。
  • bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡

点击事件 js获取点击到的数据

在wxml中在点击事件的view中加入data-xx;其中xx就是需要获取的数据;如下

  <view class="product-status" catchtap='bindOrder' data-item="{{item}}">
        <button class="mini-btn" type="primary" size="mini">确认送达</button>
  </view>

此处的item 是需要获取的数据
然后在js中用 e.currentTarget.dataset.xxx获取在wxml中定义的数据,

  bindOrder:function(e){
    var temp = e.currentTarget.dataset.item
    console.log(temp);
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值