下面通过一个例子,来看如何为事件指定回调函数。打开home.wxml文件,改成下面的代码。

 
<view
  <text class="title"hello {{name}}</text
  <button bind:tap="buttonHandler"点击</button
</view

上面代码中,我们为页面加上了一个按钮,并为这个按钮指定了触摸事件(tap)的回调函数buttonHandlerbind:前缀表示这个回调函数会在冒泡阶段触发(前缀里面的冒号可以省略,即写成bindtap也可以)。 回调函数必须在页面脚本中定义。打开home.js文件,改成下面的代码。

 
Page({
  data: {
    name: '张三'
  },
  buttonHandler(event) {
    this.setData({
      name: '李四'
    });
  }
});