事件绑定
一、WXML
-
需要给input标签绑定input事件 绑定关键字bindinput
-
如何获取输入框的值 通过事件源对象来获取 e.detail.value
-
把输入框的值赋值到data当中
不能直接写成:
this.data.num=e.detail.value或者this.num=e.detail.value
正确的写法:
this.setData({
num:e.detail.value,
})
<!-- demo.wxml-->
<input type="text" bindinput="handleInput" />
<button bindtap="handletap" data-operation="{{1}}">+</button>
<button bindtap="handletap" data-operation="{{-1}}">-</button>
<view>
{{num}}
</view>
<!-- demo.js-->
Page({
data: {
num:0,
},
handleInput(e){
// console.log(e.detail.value);
this.setData({
num:e.detail.value,
})
},
handletap(e) {
// 获取自定义属性operation
const operation = e.currentTarget.dataset.operation;
this.setData({
num: Number(this.data.num) + operation
})
},
})