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
})
}
})