七,事件绑定

• 1按钮事件
• 在组件中绑定一个事件处理函数。

如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

• <button bindtap=”bt”  data-xk=”{{1}}”>+</button>
• <button bindtap=”bt”  data-xk=”{{-1}}”>-</button>
• bindtap=”bt”触发函数，xk是给按钮绑定一个属性
• 在相应的Page定义中写上相应的事件处理函数，
•  bt(e){ //按钮触发
•       const op = e.target.dataset.xk;// const声明一个op的变量，把按键绑定的事件赋值给op
•       this.setData({  //逻辑传给视图
•         num:this.data.num + op//把op加个num并显示出来
•     })
•    }

2 输入框事件

在wxml里添加输入框，且绑定输入事件并命名，而且加入一个自定义属性

<input type=”text” bindinput=”handleinput” data-operation=”{{1}}”

/>

然后在js里设置输入的事件

handleinput(e){

 

this.setData({  //数据从逻辑传给视图方法

num:e.detail.value //取输入的数据传给num

})

 

}