微信小程序 事件的绑定和传参

绑定事件

官网文档

小程序中使用bind关键字绑定事件,常见事件 tap 并且很多组件都有自己对应的一些事件,比如 input组件的 bindinput radio-group组件中的bindchange

bindtap

index.wxml   index.js

点击我
Page({  
data: {
    message:"helloWord",
    num:'even',
  },
add:function(){
    console.log('aaa')
    console.log(this.data.message)
    this.setData({
      message:'你好,小程序'
    })
  }
)}

this.setData  修改message的值

事件传参

通过自定义属性给事件函数传参

index.wxml   index.js

点击我  自定义属性传参数
 add2:function(e){
    console.log(e)
  },

微信小程序 事件的绑定和传参_第1张图片

阻止事件冒泡

index.wxml   index.js


  fun1
  
    fun2
     fun3
  
  fun1:function(){
    console.log('fun1')
  },
  fun2:function(){
    console.log('fun2')
  },
  fun3:function(){
    console.log('fun3')
  },

点击fun3打印结果

修改绑定事件的方法  用catch绑定事件

index.wxml   index.js不变


  fun1
  
    fun2
     fun3
  

点击fun3打印结果

成功阻止事件的冒泡

input事件

文档官网

index.wxml   index.js

 changeInput:function(){
    console.log(1)
  },

你可能感兴趣的:(小程序,小程序)