小程序中绑定事件,通过bind关键字来实现。如:bindtap、bindinput、bindchange等.
- bindtap 相当于 vue中的@click点击事件
- bindtab 是输入框输入事件
- bindchange 是
不同的组件支持不同的事件,具体看组件的说明即可。
注意:无法在小程序当中的事件中直接传递参数,需要通过自定义属性的方式来传递参数
<input value="" bindinput="handleInputMethod"/>
<button bindtap="handleClickMethod" data-operation="{{-1}}">-1</button>
<button bindtap="handleClickMethod" data-operation="{{1}}">+1</button>
<view>{{num}}</view>
// pages/search/search.js
Page({
/**
* 页面的初始数据
*/
data: {
num: 1
},
//处理input标签数据输入的方法
handleInputMethod(e){
console.log('handleInputMethod')
console.log(e)
this.setData({
num: e.detail.value
})
},
//处理点击+1,-1按钮
handleClickMethod(e){
console.log(e)
//获取自定义属性 operation
console.log(e.currentTarget.dataset.operation)
this.setData({
num: this.data.num + e.currentTarget.dataset.operation
})
},
})