一、demo1.wxml
代码语言：javascript
复制<!--
1、bindinput为绑定事件，给input表单进行时间的绑定
2、hadnInput为事件名称，事件在js中填写
3、bindtap点击事件
-->
<input type="text" bindinput="handInput"/>
<!--在小程序中点击事件不能像js中一样bindtap="handTap（1）传参
需要添加属性
-->
<button bindtap="handTap" data-operation="{{1}}"> </button>
<button bindtap="handTap" data-operation="{{-1}}">-</button>
<view>{{num}}</view>
二、demo1.js
代码语言：javascript
复制Page({
/**
* 页面的初始数据
*/
data: {
num:0
},
/**
* 页面输入框的绑定事件执行逻辑
*/
handInput(e){
//拿到页面上input输入框中输入的值
console.log(e.detail.value);
//页面上输入框中的值给data中num
this.setData({
num: parseInt(e.detail.value)
})
},
/**
* 加减点击事件
*/
handTap(e){
//获取点击事件中传的参数
console.log(e.currentTarget.dataset.operation);
const result=e.currentTarget.dataset.operation
this.setData({
num: this.data.num result
})
}
})
