小程序点击事件

普通点击事件(bindtap)(++ 要放在前面,放在后面不好使)  (bindtap 会有冒泡事件   catchtap 不会有冒泡事件)

<!-- wxml -->
 <view>
   <button type="warn" size="mini" bindtap="dian">点老子呀</button>
 </view>
 
 <view>花木兰{{num}}</view>
 
 
 <!-- js -->
   data: {
     num:0
   },
   dian:function(){
     this.setData({
       num:++this.data.num
     },()=>{
         <!-- 可以在这直接加 -->
      console.log("改变成功")
    })
   }

 小程序传值 (data-)(接收的时候通过事件对象来接收)

<!-- wxml -->
<view>
  <button type="warn" size="mini" bindtap="dian" data-a="100">点老子呀</button>
</view>
<view>花木兰{{num}}</view>


<!-- js -->
  data: {
    num:0
  },
  dian:function(e){
    console.log(e.currentTarget.dataset.a)
    this.setData({
      num: this.data.num + Number(e.currentTarget.dataset.a) 
    })
  }

点击事件小汇

<!-- 点击事件         bindtap 会有冒泡事件   catchtap 不会有冒泡事件 -->
bindtap   catchtap

<!--长按事件 -->
bindlongtap

<!-- 触摸开始 -->
bindtouchstart

<!-- 触摸结束 -->
bindtouchend

官方事件文档

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

猜你喜欢

转载自www.cnblogs.com/xiaoyu2/p/12502038.html
今日推荐