事件绑定

Page({
  /**
   * 页面的初始数据
   */
  data: {
    num:120
  },
  handleInput(e){
    console.log(e.detail.value);
    this.setData({
      num:e.detail.value
    })
  },
  handletap(e){
    //console.log(e);
    // 获取自定义属性 operation
    const operation=e.currentTarget.dataset.operation;
    // setData设置值 this.data.num获取值
    this.setData({
      num:this.data.num + operation
    })
  }
})

demo.wxml文件(配置文件，html)

<!--pages/demo/demo.wxml-->
<!-- 
  1 需要给input标签绑定 input 事假 关键字【bindinput】
  2 通过事件源对象来获取 【e.detail.value】
  3 把输入框的值赋值到 data 中
  错误写法：
  1 this.data.num=e.detail.value
  2 this.num=e.detail.value
  正确写法：
  this.setData({
    num:e.detail.value
  })

  4 添加点击事件
  bindtap 无法在小程序中的 事件中 直接传参
  通过自定义属性的方式来传递参数
  事件源中 获取自定义的属性
 -->
<input type="text" bindinput="handleInput" />
<view>
  {{num}}
</view>
<button bindtap="handletap" data-operation="{{1}}">+</button>
<button bindtap="handletap" data-operation="{{-1}}">-</button>