一、事件
定义:事件是视图层到逻辑层的通讯方式。
能干哈:
1、可以将用户的行为反馈到逻辑层进行处理,
2、可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数,
3、事件对象可以携带额外信息,如 id, dataset, touches。
借助input 标签对事件进行学习
1、实现页面输入啥,控制台打印啥
1、给input标签绑定input 事件,绑定需要触发事件的关键字
<input></input> 可以简写成 <input />
2、通过事件源对象获取输入框中的值,事件对象就是js中的参数(e),获取值时通过,e.detail.value,参数名可以起不同的名字
2、实现输入什么数字,就在下面显示什么数字
注意,赋值方式是
this.setData({ num:ev.detail.value }) //num 表示js 页面初始数据中 的一个变量名 //ev 表示这个事件的参数(也有个名字叫事件源)
3、点击按钮触发事件
借助自定属性进行传值 data-operation=""
4、实现点击后获取自定义属性中值对num 值进行调整
//获取自定义属性 operation const operation=e.currentTarget.dataset.operation; //将自定义属性中的值赋值给num this.setData({ num: this.data.num + operation })
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html