6.⼩程序事件的绑定

⼩程序中绑定事件，通过bind关键字来实现。如 bindtap bindinput bindchange 等 不同的组件⽀持不同的事件，具体看组件的说明即可。

• 1.wxml
• 2.page
• 3.特别注意(如何传参)

1.wxml

<input bindinput="handleInput" />

2.page

Page({  
  // 绑定的事件  
  handleInput: function(e) {    
    console.log(e);   
    // 正确的赋值操作
    this.setData({
      num:e.detail.value
    })
  } 
})

3.特别注意(如何传参)

1.绑定事件时不能带参数不能带括号以下为错误写法

<input bindinput="handleInput(100)" />  // 错误写法

2.事件传值通过标签⾃定义属性的⽅式和 value

<button bindtap="handletap" data-num="{{1}}">+</button>
<button bindtap="handletap" data-num="{{-1}}">-</button>

3.事件触发时获取数据

  // 加 减操作
  handletap(e) {
    // console.log(e)
    const num = e.currentTarget.dataset.num   // num:1 或者 -1
    this.setData({
      num: this.data.num + num
    })
  }