微信小程序-事件绑定

1.双向绑定

需要给input标签绑定input事件，绑定关键字bindinput 通过事件源对象来获取输入框的值 ：a.detail.value 把输入框的值赋值到data当中

// .wxml文件 <input type="text" bindinput="handleinput" /> <view>{{num}}</view> // .js文件 //输入框input事件执行逻辑 handleinput(a){ this.setData({ num:a.detail.value }) }

---

2.点击事件

bindtap属性 无法在小程序的事件中直接传参 通过自定义属性的方式来传递参数 事件源中获取自定义属性

// .wxml文件 <button bindtap="handletap" data-operation="{{1}}">+1</button> <button bindtap="handletap" data-operation="{{-1}}">-1</button> <view>{{num}}</view> // .js文件 Page({ data: { num:0 }, //加减按钮的事件 handletap(b){ // 获取自定义属性operation // console.log(b) const operation =b.currentTarget.dataset.operation; this.setData({ num:this.data.num + operation }) } })