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

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

点击我

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

this.setData修改message的值
事件传参 通过自定义属性给事件函数传参
index.wxmlindex.js
点击我自定义属性传参数

add2:function(e){ console.log(e) },

【小程序|微信小程序 事件的绑定和传参】小程序|微信小程序 事件的绑定和传参
文章图片

阻止事件冒泡 index.wxmlindex.js
fun1 fun2 fun3

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

点击fun3打印结果
小程序|微信小程序 事件的绑定和传参
文章图片

修改绑定事件的方法用catch绑定事件
index.wxmlindex.js不变
fun1 fun2 fun3

点击fun3打印结果
小程序|微信小程序 事件的绑定和传参
文章图片

成功阻止事件的冒泡
input事件 文档官网
index.wxmlindex.js

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

小程序|微信小程序 事件的绑定和传参
文章图片


    推荐阅读